'use client';

interface SortDropdownProps {
  value: string;
  onChange: (value: string) => void;
}

export function SortDropdown({ value, onChange }: SortDropdownProps) {
  return (
    <div>
      <select 
        className="border border-gray-300 px-4 py-2 rounded-md"
        value={value}
        onChange={(e) => onChange(e.target.value)}
      >
        <option value="default">Poredaj po</option>
        <option value="newest">Najnovije</option>
        <option value="price-asc">Cijena: Od niže prema višoj</option>
        <option value="price-desc">Cijena: Od više prema nižoj</option>
        <option value="name-asc">Naziv: A-Z</option>
        <option value="name-desc">Naziv: Z-A</option>
      </select>
    </div>
  );
} 