---
import type Digit from '$types/Digit';

type LayoutClasses = `grid-span-${Digit}${'' | ' grid-end' | ' grid-prose-end'}`;

interface Props {
  href: string;
  layoutClasses: LayoutClasses;
}

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

<a class={`btn ${layoutClasses}`} href={href}>
  <p>
    <slot />
  </p>
</a>