---
import Link from './Link.astro';

interface Props {
	class?: string;
	[key: string]: any;
}

const { class: className, ...props } = Astro.props;
---

<Link
	class:list={[
		'inline font-semibold text-shibui-950 underline decoration-shibui-900/20 decoration-4 underline-offset-auto no-common-ligatures hover:!decoration-accent focus:!decoration-accent dark:text-shibui-200/[0.87] dark:decoration-shibui-100/20',
		className,
	]}
	{...props}><slot /></Link
>