scrumplex.net
My personal website
1---
2// TODO: Align icons with Fira Sans
3import { Icon } from "astro-icon/components";
4interface Props {
5 href: string;
6 iconName: string;
7 class: string;
8 large?: boolean;
9}
10
11const { href, iconName, class: className, large, ...rest } = Astro.props;
12---
13
14<a
15 href={href}
16 target="_blank"
17 rel="noopener"
18 class={`rounded p-4 py-1 ${large ? "text-2xl" : "text-xl"} w-full focus:underline transition-colors hover:transition-none ${className}`}
19 {...rest}><Icon name={iconName} class="inline" /> <slot /></a
20>