---
import {twMerge} from "tailwind-merge";
const { class: className, ...rest } = Astro.props;
---

<button class={twMerge("shadow-sm px-3 py-2 rounded-md bg-surface0 hover:bg-surface1 transition", className)} {...rest}>
    <slot/>
</button>