luccaromaniello.com
Second version of my personal website.
luccaromaniello.com/
css
personal-website
bun
tailwindcss
portflio
design
typescript
code
ux-ui
astro
javascript
1---
2import { SOCIAL_ICONS } from "@constants";
3
4interface Props {
5 icon: keyof typeof SOCIAL_ICONS;
6 size: "xs" | "sm" | "lg";
7}
8
9const { icon, size } = Astro.props;
10const IconComponent = SOCIAL_ICONS[icon].icon;
11---
12
13<a
14 href={SOCIAL_ICONS[icon].link.url}
15 title={SOCIAL_ICONS[icon].link.label}
16 aria-label={SOCIAL_ICONS[icon].link.label}
17 target="_blank"
18 rel="noopener noreferrer"
19 class={`text-white hover:text-primary ${size === "xs" ? "w-4 h-4" : size === "sm" ? "w-6 h-6" : "w-8 h-8"}`}
20>
21 <IconComponent />
22</a>