create feature

2025-10-21 11:36:16 +03:30
parent 75ef90802f
commit 1351fbd792
3 changed files with 71 additions and 3 deletions
@@ -0,0 +1,66 @@
+import Button from '@/components/Button'
+import Input from '@/components/Input'
+import Select from '@/components/Select'
+import { COLORS } from '@/constants/colors'
+import { Add, AddSquare } from 'iconsax-react'
+import { type FC } from 'react'
+
+const CreateFeature: FC = () => {
+    return (
+        <div className='mt-5'>
+            <div className='flex justify-between items-center'>
+                <h1 className='text-lg font-light'>ویژگی جدید</h1>
+
+                <Button
+                    className='w-fit px-6'
+                >
+                    <div className='flex gap-1.5'>
+                        <AddSquare size={18} color='black' />
+                        <div className='text-[13px] font-light'>ویژگی جدید</div>
+                    </div>
+                </Button>
+            </div>
+
+            <div className='mt-8 bg-white p-6 rounded-3xl '>
+                <div className='font-light'>
+                    اطلاعات ویژگی
+                </div>
+
+                <div className='mt-6'>
+                    <Input
+                        label='عنوان'
+                    />
+                </div>
+            </div>
+
+            <div className='mt-8 bg-white p-6 rounded-3xl '>
+                <div className='font-light'>
+                    آیتم ها
+                </div>
+
+                <div className='mt-6 rowTwoInput'>
+                    <Input
+                        label='عنوان'
+                    />
+                    <Select
+                        label='نوع ورودی'
+                        items={[]}
+                    />
+                </div>
+
+                <div className='mt-6 flex justify-end'>
+                    <Button
+                        className='w-fit px-6 bg-transparent border border-primary text-primary'
+                    >
+                        <div className='flex gap-1.5'>
+                            <Add size={18} color={COLORS.primary} />
+                            <div className='text-[13px] font-light'>افزودن آیتم</div>
+                        </div>
+                    </Button>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default CreateFeature