import Input from "@/app/components/Input";
import Select from "@/app/components/Select";
import { type FC } from "react";
import { SORT_OPTIONS } from "../constants";

const CategoryToolbar: FC = () => {
  return (
    <div className="flex items-center gap-4">
      <div className="max-w-50">
        <Input variant="search" placeholder="جستجو..." className="rounded-xl border-[#E9EFF4]" />
      </div>

      <div className="max-w-50">
        <Select options={SORT_OPTIONS} placeholder="مرتب‌سازی" className="min-w-50 rounded-xl border-[#E9EFF4]" />
      </div>
    </div>
  );
};

export default CategoryToolbar;
