22 lines
424 B
TypeScript
22 lines
424 B
TypeScript
import clsx from "clsx";
|
|
|
|
function Button({
|
|
className,
|
|
...props
|
|
}: React.DetailedHTMLProps<
|
|
React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
HTMLButtonElement
|
|
>) {
|
|
return (
|
|
<button
|
|
className={clsx(
|
|
"px-4 font-bold border border-2 border-b-4 border-text-inherit active:bg-stone-700 active:text-stone-200 active:border-b-1 active:translate-y-0.5",
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export { Button };
|