portfolio-webpage/src/components/StackCard.astro

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>