27 lines
631 B
Plaintext
27 lines
631 B
Plaintext
---
|
|
import { Icon } from "astro-icon/components";
|
|
|
|
type Props = {
|
|
text: string;
|
|
icon: string;
|
|
href: string;
|
|
};
|
|
|
|
const { text, icon, href } = Astro.props;
|
|
---
|
|
|
|
<a
|
|
href={href}
|
|
target="_blank"
|
|
class="w-fit px-3 py-2 group rounded border flex gap-2 items-center border-neutral-200 dark:border-neutral-700 hover:bg-neutral-100 hover:dark:bg-neutral-800 blend"
|
|
>
|
|
<div>
|
|
<Icon name={icon} class:list="text-xl" />
|
|
</div>
|
|
<span
|
|
class="text-sm capitalize text-neutral-500 dark:text-neutral-400 group-hover:text-black group-hover:dark:text-white blend"
|
|
>
|
|
{text}
|
|
</span>
|
|
</a>
|