---
import Button from "./Button.astro";
interface Props {
    size?: string;
    dot?: boolean;
    href?: string;
    label?: string;
}
const { size, dot, href, label }: Props = Astro.props;
---
<a href={href} aria-label={label}>
    <Button regular height="2rem" class="text-sm px-3 flex flex-row items-center rounded-lg">
        {dot && <div class="h-1 w-1 bg-[var(--btn-content)] dark:bg-[var(--card-bg)] transition rounded-md mr-2"></div>}
        <slot></slot>
    </Button>
</a>
