create product

src/pages/product/components/CategoriesSelect.tsx

@@ -0,0 +1,29 @@
+import { type FC, type SelectHTMLAttributes } from 'react'
+import { useGetCategory } from '../hooks/useProductData'
+import Select from '@/components/Select'
+
+type Props = {
+    error_text?: string,
+
+} & SelectHTMLAttributes<HTMLSelectElement>
+
+const CategoriesSelect: FC<Props> = (props) => {
+
+    const { data: categories } = useGetCategory()
+
+    return (
+        <Select
+            label='دسته'
+            placeholder='انتخاب'
+            items={categories?.data?.map((item) => {
+                return {
+                    label: item.title,
+                    value: item.id
+                }
+            }) || []}
+            {...props}
+        />
+    )
+}
+
+export default CategoriesSelect