19 lines
578 B
JavaScript
19 lines
578 B
JavaScript
import { Flame } from "lucide-react";
|
|
import { motion } from "motion/react";
|
|
|
|
export default function FlameButton({ onClick, disabled = false }) {
|
|
return (
|
|
<motion.button
|
|
onClick={onClick}
|
|
className={`bg-gray-700 p-2 rounded-2xl border-2 border-gray-600 ${
|
|
disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
}`}
|
|
whileHover={disabled ? undefined : { scale: 1.1 }}
|
|
whileTap={disabled ? undefined : { scale: 0.9 }}
|
|
disabled={disabled}
|
|
style={{ opacity: disabled ? 0.5 : 1 }}
|
|
>
|
|
<Flame />
|
|
</motion.button>
|
|
);
|
|
}
|