File size: 647 Bytes
f75bff1 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | export default function Button({
children,
variant = 'primary',
onClick,
disabled = false,
type = 'button'
}) {
const variants = {
primary: 'bg-blue-600 hover:bg-blue-700 text-white',
secondary: 'bg-gray-200 hover:bg-gray-300 text-gray-900',
danger: 'bg-red-600 hover:bg-red-700 text-white'
}
return (
<button
type={type}
onClick={onClick}
disabled={disabled}
className={`
px-4 py-2 rounded-lg font-medium
transition-colors duration-200
disabled:opacity-50 disabled:cursor-not-allowed
${variants[variant]}
`}
>
{children}
</button>
)
}
|