initial commit

2025-08-05 12:35:40 +07:00
commit fffa2ead5c
1069 changed files with 118056 additions and 0 deletions
@@ -0,0 +1,57 @@
+'use client'
+
+// React Imports
+import { useState } from 'react'
+import type { SyntheticEvent, ReactElement } from 'react'
+
+// MUI Imports
+import Tab from '@mui/material/Tab'
+import TabContext from '@mui/lab/TabContext'
+import TabPanel from '@mui/lab/TabPanel'
+import Grid from '@mui/material/Grid2'
+
+// Component Imports
+import CustomTabList from '@core/components/mui/TabList'
+
+const CustomerRight = ({ tabContentList }: { tabContentList: { [key: string]: ReactElement } }) => {
+  // States
+  const [activeTab, setActiveTab] = useState('overview')
+
+  const handleChange = (event: SyntheticEvent, value: string) => {
+    setActiveTab(value)
+  }
+
+  return (
+    <>
+      <TabContext value={activeTab}>
+        <Grid container spacing={6}>
+          <Grid size={{ xs: 12 }}>
+            <CustomTabList onChange={handleChange} variant='scrollable' pill='true'>
+              <Tab icon={<i className='tabler-user' />} value='overview' label='Overview' iconPosition='start' />
+              <Tab icon={<i className='tabler-lock' />} value='security' label='Security' iconPosition='start' />
+              <Tab
+                icon={<i className='tabler-map-pin' />}
+                value='addressBilling'
+                label='Address & Billing'
+                iconPosition='start'
+              />
+              <Tab
+                icon={<i className='tabler-bell' />}
+                value='notifications'
+                label='Notifications'
+                iconPosition='start'
+              />
+            </CustomTabList>
+          </Grid>
+          <Grid size={{ xs: 12 }}>
+            <TabPanel value={activeTab} className='p-0'>
+              {tabContentList[activeTab]}
+            </TabPanel>
+          </Grid>
+        </Grid>
+      </TabContext>
+    </>
+  )
+}
+
+export default CustomerRight