import { Tabs, TabsProps } from "@mui/material";
import { horizontalTabStyles } from "../styles";

const CustomTabs = ({ children, ...props }: TabsProps) => {
  const { value, onChange } = props;

  return (
    <Tabs
      value={value}
      onChange={onChange}
      aria-label="horizontal-tabs"
      variant="scrollable"
      sx={horizontalTabStyles.mainTabsContainer}
      {...props}
    >
      {children}
    </Tabs>
  );
};

export default CustomTabs;