Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2289 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2289 stevensc 1 
import React from 'react'
2 
import { Tabs as MuiTabs, Tab } from '@mui/material'
3 
 
4 
function Tabs({ children, value, onChange }) {
5 
  return (
6 
    <MuiTabs
7 
      value={value}
8 
      onChange={onChange}
9 
      sx={{
10 
        mb: 2,
11 
        minHeight: 'auto',
12 
        '& .MuiTabs-indicator': {
13 
          backgroundColor: 'var(--font-color)'
14 
        }
15 
      }}
16 
    >
17 
      {children}
18 
    </MuiTabs>
19 
  )
20 
}
21 
 
2291 stevensc 22 
function TabItem({ label, value, ...props }) {
2289 stevensc 23 
  return (
24 
    <Tab
25 
      disableRipple
26 
      label={label}
27 
      value={value}
28 
      sx={{
29 
        flexGrow: 1,
30 
        color: 'var(--subtitle-color)',
31 
        fontWeight: 'bold !important',
32 
        padding: { xs: '0.5rem 5px !important', md: '0.5rem 1rem !important' },
33 
        minHeight: 'auto !important',
34 
        '&.Mui-selected': {
35 
          color: 'var(--font-color) !important'
36 
        }
37 
      }}
2291 stevensc 38 
      {...props}
2289 stevensc 39 
    />
40 
  )
41 
}
42 
 
43 
Tabs.Item = TabItem
44 
 
45 
export default Tabs