My personal site hosted @ https://indexx.dev
indexx.dev
1---
2interface Props {
3 name: string;
4 href: string;
5 tooltip?: {
6 title: string;
7 placement?: string;
8 };
9}
10
11const { name, href, tooltip } = Astro.props;
12---
13
14<a
15 href={href}
16 target="_blank"
17 class="circle-hover"
18 {...tooltip && {
19 'data-bs-toggle': 'tooltip',
20 'data-bs-title': tooltip.title,
21 'data-bs-placement': tooltip.placement || 'bottom'
22 }}
23>
24 <svg viewBox="0 0 70 36">
25 <path
26 d="M6.9739 30.8153H63.0244C65.5269 30.8152 75.5358 -3.68471 35.4998 2.81531C-16.1598 11.2025 0.894099 33.9766 26.9922 34.3153C104.062 35.3153 54.5169 -6.68469 23.489 9.31527"
27 ></path>
28 </svg>
29 <span>{name}</span>
30</a>