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;