import Tabs from "@/app/component/Tabs";

function Tab({ value, listTab, 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 Tab;