32 lines
710 B
TypeScript
32 lines
710 B
TypeScript
import { ButtonHTMLAttributes, ReactNode } from "react";
|
|
import clsx from "clsx";
|
|
|
|
import styles from "./Button.module.scss";
|
|
|
|
export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost";
|
|
export type ButtonSize = "sm" | "md" | "lg";
|
|
|
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
children: ReactNode;
|
|
variant?: ButtonVariant;
|
|
size?: ButtonSize;
|
|
className?: string;
|
|
}
|
|
|
|
export default function Button({
|
|
children,
|
|
variant = "primary",
|
|
size = "md",
|
|
className,
|
|
...rest
|
|
}: ButtonProps) {
|
|
return (
|
|
<button
|
|
className={clsx(styles.button, styles[variant], styles[size], className)}
|
|
{...rest}
|
|
>
|
|
{children}
|
|
</button>
|
|
);
|
|
}
|