import React from 'react';
import './pdfReader.css';

const COLORS = [
  '#ffeb3b',
  '#8bc34a',
  '#00bcd4',
  '#2196f3',
  '#9c27b0',
  '#f44336',
  '#ff9800'
];

interface ColorPickerProps {
  selectedColor: string;
  onColorChange: (color: string) => void;
}

export const ColorPicker: React.FC<ColorPickerProps> = ({
  selectedColor,
  onColorChange
}) => {
  return (
    <div className="color-picker-container">
      {COLORS.map((color) => (
        <button
          key={color}
          onClick={() => onColorChange(color)}
          className={`color-picker-btn${selectedColor === color ? ' active' : ''}`}
          style={{ backgroundColor: color }}
          title={color}
        />
      ))}
    </div>
  );
};
