import type { ButtonHTMLAttributes } from "react";
import {
	buttonClassName,
	type ButtonStyleOptions,
} from "./button-variants";

export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &
	ButtonStyleOptions;

/** 按钮组件：渲染原生 <button>，样式由 buttonVariants 统一管理 */
export function Button({
	className,
	variant,
	size,
	type = "button",
	...props
}: ButtonProps) {
	return (
		<button
			type={type}
			className={buttonClassName({ className, variant, size })}
			{...props}
		/>
	);
}