---
interface Props {
    items: Array<{
        text: string;
        className: string;
    }>;
}

const { items } = Astro.props;
---

<span class="text-rotate duration-9000">
    <span>
        {
            items.map((item) => (
                <span class:list={["mx-auto text-center", item.className]}>
                    {item.text}
                </span>
            ))
        }
    </span>
</span>