src/components/Button.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

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

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

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

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

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