---
// Cspell:words astro classnames shibui
import cx from 'classnames';
import Link from './Link.astro';

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

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

const classes = cx(
	'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
);
---

<Link class={classes} {...props}>
	<slot />
</Link>