---
// TODO: Align icons with Fira Sans
import { Icon } from "astro-icon/components";
interface Props {
  href: string;
  iconName: string;
  class: string;
  large?: boolean;
}

const { href, iconName, class: className, large, ...rest } = Astro.props;
---

<a
  href={href}
  target="_blank"
  rel="noopener"
  class={`rounded p-4 py-1 ${large ? "text-2xl" : "text-xl"} w-full focus:underline transition-colors hover:transition-none ${className}`}
  {...rest}><Icon name={iconName} class="inline" />&nbsp;<slot /></a
>