import { Field, Select } from "@/components/ui/input";
import { useWorkspace } from "@/lib/store";

export function ProjectSelect({
  value,
  onChange,
  allowEmpty = true,
  label = "Project",
}: {
  value: string | null;
  onChange: (v: string | null) => void;
  allowEmpty?: boolean;
  label?: string;
}) {
  const projects = useWorkspace((s) => s.projects);
  return (
    <Field label={label}>
      <Select value={value ?? ""} onChange={(e) => onChange(e.target.value || null)}>
        {allowEmpty ? <option value="">Unfiled</option> : null}
        {projects.map((p) => (
          <option key={p.id} value={p.id}>
            {p.name}
          </option>
        ))}
      </Select>
    </Field>
  );
}