import { ColorSelectField } from '@/components/form/fields/ColorSelectField';

interface ColorOption {
    value: string;
    label: string;
    color: string;
}

interface PrimaryColorSelectorProps {
    name: string;
    options: ColorOption[];
    placeholder?: string;
    required?: boolean;
}

export default function PrimaryColorSelector({ name, options, placeholder = 'Select primary color', required = false }: PrimaryColorSelectorProps) {
    return (
        <div className="space-y-4">
            <ColorSelectField name={name} options={options} placeholder={placeholder} disabled={false} />
        </div>
    );
}