import MuiBox from '@mui/material/Box';
import { styled } from '@mui/material/styles';

export const StyledPageTitle = styled(MuiBox)(({ theme }) => ({
  '& > .title': {
    color: theme.palette.primary[500]
  },

  '& > .subtitle-container': {
    paddingTop: theme.spacing(0.5),
    display: 'flex',
    alignItems: 'baseline',

    '& > .subtitle': {
      color: theme.palette.primary[400],
      paddingRight: theme.spacing(1)
    }
  }
}));