add component color picker

src/pages/settings/GeneralSettings.tsx

@@ -0,0 +1,25 @@
+import ColorPicker from '@/components/ColorPicker'
+import Input from '@/components/Input'
+import { type FC } from 'react'
+
+const GeneralSettings: FC = () => {
+    return (
+        <div className='bg-white rounded-4xl p-8'>
+            <div className='text-lg font-light'>
+                تنظیمات عمومی
+            </div>
+
+            <div className='mt-8 rowTwoInput'>
+                <Input
+                    label='نام رستوران'
+                />
+
+                <ColorPicker
+                    label='رنگ منو'
+                />
+            </div>
+        </div>
+    )
+}
+
+export default GeneralSettings

src/pages/settings/Setting.tsx

@@ -2,6 +2,7 @@ import Tabs from '@/components/Tabs'
 import { Card, KeySquare, Setting4, TruckFast } from 'iconsax-react'
 import { useState, type FC } from 'react'
 import { SettingTabEnum } from './enum/Enum'
+import GeneralSettings from './GeneralSettings'
 
 const Setting: FC = () => {
 
@@ -39,6 +40,12 @@ const Setting: FC = () => {
                     active={activeTab}
                 />
             </div>
+
+            <div className='mt-8'>
+                {
+                    activeTab === SettingTabEnum.GENERAL && <GeneralSettings />
+                }
+            </div>
         </div>
     )
 }