Spaces:
Sleeping
Sleeping
Upload components/ActionButton.jsx with huggingface_hub
Browse files- components/ActionButton.jsx +12 -0
components/ActionButton.jsx
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
export default function ActionButton({ icon, label, onClick, disabled = false }) {
|
| 2 |
+
return (
|
| 3 |
+
<button
|
| 4 |
+
onClick={onClick}
|
| 5 |
+
disabled={disabled}
|
| 6 |
+
className={`flex items-center justify-center p-3 rounded-lg ${disabled ? 'bg-gray-300' : 'bg-blue-500 hover:bg-blue-600'} text-white transition-colors`}
|
| 7 |
+
>
|
| 8 |
+
<span className="mr-2">{icon}</span>
|
| 9 |
+
{label}
|
| 10 |
+
</button>
|
| 11 |
+
)
|
| 12 |
+
}
|