@totalsoft/rocket-ui/src/components/dataDisplay/Typography/TypographyStyles.ts

A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.

import BaseTypography from '@mui/material/Typography'
import { styled } from '@mui/material/styles'
import { includes } from 'ramda'

const Typography = styled(BaseTypography)(({ theme, variant }) => ({
  fontFamily: theme.typography.fontFamily,
  textTransform: includes(variant, ['overline', 'button']) ? 'uppercase' : 'none'
}))

export default Typography