---
import { buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/utils";

interface Props {
  href: string;
  variant?: "default" | "outline" | "secondary" | "ghost";
  size?: "default" | "lg" | "sm";
  class?: string;
}

const {
  href,
  variant = "default",
  size = "default",
  class: className,
} = Astro.props;
---

<a href={href} class={cn(buttonVariants({ variant, size }), className)}>
  <slot />
</a>