---
export interface Props {
    title: string;
    href?: string;
}

const { title, href } = Astro.props;
---

<a
    href={href ? href : '/primitives/components/dropdown-menu'}
    class="bg-muted group inline-flex items-center rounded-lg px-3 py-1 text-sm font-medium"
>
    🎉{' '}
    <div class="bg-border mx-2 h-4"></div>{' '}
    <span class="sm:hidden">{title}</span>
    <span class="hidden sm:inline">{title}</span>
</a>
