import { KanbanGroupBy } from "@/types/asset-settings";

interface GroupBySelectorProps {
  value: KanbanGroupBy;
  onChange: (value: KanbanGroupBy) => void;
}

export function GroupBySelector({ value, onChange }: GroupBySelectorProps) {
  return (
    <select
      value={value}
      onChange={(e) => onChange(e.target.value as KanbanGroupBy)}
      className="rounded-lg border border-slate-300 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 hover:bg-slate-50 transition-colors"
    >
      <option value="assetClass">Group by Asset Class</option>
      <option value="status">Group by Status</option>
      <option value="priority">Group by Priority</option>
    </select>
  );
}