import type { Generator } from "../lib/api";
import { Select } from "./ui/Select";

type OptionsFormProps = {
    generator: Generator;
    values: Record<string, string>;
    onChange: (key: string, value: string) => void;
};

export function OptionsForm({ generator, values, onChange }: OptionsFormProps) {
    if (generator.options.length === 0) return null;
    return (
        <div className="grid gap-3">
            {generator.options.map((option) => (
                <Select
                    key={option.key}
                    label={option.label}
                    options={option.choices}
                    value={values[option.key] ?? option.defaultValue}
                    onChange={(v) => onChange(option.key, v)}
                />
            ))}
        </div>
    );
}