63 lines
1.6 KiB
JavaScript
63 lines
1.6 KiB
JavaScript
import Tabs from "@/app/component/Tabs";
|
|
import IsTurnsDetails from "../sidebars/turns/isTurnsDetails";
|
|
|
|
function HeadTab({
|
|
tab,
|
|
user,
|
|
listTab,
|
|
loading,
|
|
handleChange,
|
|
isTurnsDetails,
|
|
setIsTurnsDetails,
|
|
components,
|
|
}) {
|
|
|
|
return (
|
|
<>
|
|
{isTurnsDetails ? (
|
|
<IsTurnsDetails
|
|
loading={loading}
|
|
user={user}
|
|
setIsTurnsDetails={setIsTurnsDetails}
|
|
/>
|
|
) : (
|
|
<>
|
|
<div className="!hidden md:!flex !w-full">
|
|
<Tabs
|
|
style={{
|
|
".MuiTabs-indicator": {
|
|
height: "2px",
|
|
borderRadius: "16px",
|
|
background: "#5559CE",
|
|
},
|
|
"& .MuiTabs-scroller": {
|
|
borderBottom: "1px solid #EFEFEF",
|
|
},
|
|
"& .MuiTabs-flexContainer": {
|
|
paddingRight: "15px",
|
|
paddingLeft: "15px",
|
|
},
|
|
"& .mui-11pdt05-MuiButtonBase-root-MuiTab-root.Mui-selected": {
|
|
color: "#5559CE !important",
|
|
},
|
|
"& .MuiButtonBase-root.Mui-selected": {
|
|
color: "#5559CE !important",
|
|
},
|
|
}}
|
|
value={tab}
|
|
color="#5559CE"
|
|
listTab={listTab}
|
|
handleChange={handleChange}
|
|
/>
|
|
</div>
|
|
<div className="mt-[24px] sm:mt-[28px] md:mt-[32px] px-0 md:px-[24px]">
|
|
{components[tab]}
|
|
</div>
|
|
</>
|
|
)}
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default HeadTab;
|