Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { Tabs as MuiTabs, Tab } from '@mui/material';

function Tabs({ children, value, onChange }) {

  return (

    <MuiTabs

      value={value}

      onChange={onChange}

      sx={{

        mb: 2,

        minHeight: 'auto',

        '& .MuiTabs-indicator': {

          backgroundColor: 'var(--font-color)'

        }

      }}

    >

      {children}

    </MuiTabs>

  );

}

function TabItem({ label, value, ...props }) {

  return (

    <Tab

      disableRipple

      label={label}

      value={value}

      sx={{

        flexGrow: 1,

        color: 'var(--subtitle-color)',

        fontWeight: 'bold !important',

        padding: { xs: '0.5rem 5px !important', md: '0.5rem 1rem !important' },

        minHeight: 'auto !important',

        '&.Mui-selected': {

          color: 'var(--font-color) !important'

        }

      }}

      {...props}

    />

  );

}

Tabs.Item = TabItem;

export default Tabs;