Button.tsx•569 B
import './Button.css';
interface ButtonProps {
children: React.ReactNode;
onClick?: () => void;
variant?: 'primary' | 'secondary' | 'danger';
disabled?: boolean;
fullWidth?: boolean;
}
/**
* 按钮组件
*/
function Button({
children,
onClick,
variant = 'primary',
disabled = false,
fullWidth = false,
}: ButtonProps) {
const className = `btn btn-${variant} ${fullWidth ? 'btn-fullwidth' : ''}`;
return (
<button className={className} onClick={onClick} disabled={disabled}>
{children}
</button>
);
}
export default Button;