You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

25 lines
475 B

---
import type { HTMLAttributes } from "astro/types";
type Props = HTMLAttributes<"a"> & {
label: string;
isUnderline?: boolean;
};
const { label, isUnderline, ...props } = Astro.props;
---
<a
href={props.href}
class:list={{
["hover:text-neutral-100 cursor-pointer"]: true,
["underline decoration-dashed underline-offset-8"]: isUnderline,
}}
{...props}
rel="noreferrer"
target="_blank"
>
{label}
<span class="sr-only">{label} link</span>
</a>