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;