interface ColorPickerProps {
  value: string;
  onChange: (color: string) => void;
}

const ColorPicker: React.FC<ColorPickerProps> = ({ value, onChange }) => {
  return (
    <input
      type="color"
      value={value}
      onChange={(e) => onChange(e.target.value)}
      style={{
        width: "100%",
        height: "48px",
        border: "2px solid #ccc",
        borderRadius: "8px",
        cursor: "pointer",
      }}
    />
  );
};

export default ColorPicker;