2025-11-21 16:01:34 +00:00
|
|
|
type ColourPickerProps = {
|
|
|
|
|
colour: string;
|
|
|
|
|
setColour: (colour: string) => void;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const ColourPicker = ({ colour, setColour }: ColourPickerProps) => {
|
2025-11-25 14:57:18 +00:00
|
|
|
return (
|
|
|
|
|
<input
|
|
|
|
|
type="color"
|
|
|
|
|
name=""
|
|
|
|
|
id=""
|
|
|
|
|
value={colour}
|
|
|
|
|
onChange={(e) => setColour(e.target.value)}
|
|
|
|
|
className="h-8 w-8 p-0 rounded-md border border-slate-500 cursor-pointer"
|
|
|
|
|
/>
|
|
|
|
|
);
|
2025-11-21 16:01:34 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default ColourPicker;
|