37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
import Tabs from "@/app/component/Tabs";
|
|
|
|
const listTab = ['اطلاعات عمومی', 'اطلاعات مطب', 'نوبت ها', 'روزهای کاری', 'روزهای خاص'];
|
|
|
|
function TabsHead({ value, handleChange }) {
|
|
return (
|
|
<Tabs
|
|
isSm={false}
|
|
style={{
|
|
'.MuiTabs-indicator': {
|
|
height: '2px',
|
|
borderRadius: '16px',
|
|
background: '#5559CE'
|
|
},
|
|
'& .MuiTabs-flexContainer': {
|
|
borderBottom: '2px solid #EFEFEF',
|
|
},
|
|
'& .mui-11pdt05-MuiButtonBase-root-MuiTab-root.Mui-selected': {
|
|
color: '#5559CE !important',
|
|
},
|
|
'& .MuiButtonBase-root': {
|
|
fontWeight: '400 !important'
|
|
},
|
|
'& .MuiButtonBase-root.Mui-selected': {
|
|
color: '#5559CE !important',
|
|
fontWeight: '700 !important',
|
|
transition: '0.3s all !important'
|
|
}
|
|
}}
|
|
value={value}
|
|
listTab={listTab}
|
|
handleChange={handleChange}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default TabsHead; |