Files
mehraein-front/app/category/components/CategoryToolbar.tsx
T
hamid zarghami 6f22885ae9 category page
2026-07-21 10:15:40 +03:30

21 lines
635 B
TypeScript

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;