---
import type { HTMLAttributes } from "astro/types";
import cn from "@/scripts/cn";

const { class: cls, ...rest }: HTMLAttributes<"a"> = Astro.props;
---

<a
  class={cn(
    "inline-block bg-foreground text-background rounded-lg hover:bg-accent transition-all duration-300block font-body py-3 px-6 text-center",
    cls,
  )}
  {...rest}
>
  <slot /> →</a
>
