"use client";
import CustomDropdown from "@/app/components/form/CustomDropdown";

type SortProps = {
  value: string;
  onChange: (value: string) => void;
};

const sortByOptions = [
  { value: "asc", label: "Price: Low to High" },
  { value: "desc", label: "Price: High to Low" },
];

export default function SortBy({ value, onChange }: SortProps) {
  const handleOrderRequest = (value: string | number) => {

    onChange(String(value));
  };

  return (
    <>
      <CustomDropdown
        label="Sort by Status"
        placeholder="Sort by Status"
        options={sortByOptions}
        defaultValue="asc"
        onSelect={handleOrderRequest}
      />

      {/* <select className="border p-2" value={value} onChange={(e) => onChange(e.target.value)}>
      {options.map(opt => (
        <option key={opt.value} value={opt.value}>
          {opt.label}
        </option>
      ))}
    </select> */}
    </>
  );
}