type ColourPickerProps = {
  colour: string;
  setColour: (colour: string) => void;
};

const ColourPicker = ({ colour, setColour }: ColourPickerProps) => {
  return (
    <input
      type="color"
      name=""
      id=""
      value={colour}
      disabled
      onChange={(e) => setColour(e.target.value)}
      className="h-8 w-8 p-0 rounded-md border border-slate-500 cursor-pointer"
    />
  );
};

export default ColourPicker;
