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

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

<a
  class={cn(
    "inline-block underline underline-offset-4 hover:underline-offset-8 hover:text-accent transition-all duration-300 p-3",
    cls,
  )}
  {...rest}><slot /> →</a
>
