import FormControlLabel from '@mui/material/FormControlLabel';
import { typographyClasses } from '@mui/material/Typography';
import { styled } from '../styled/styled';
export const StyledFormControlLabel = styled(FormControlLabel) `
  align-items: flex-start;

  margin-right: ${({ theme }) => theme.spacing(6)};
  margin-left: 0;

  .${typographyClasses.root} {
    margin-left: 0;
    padding-top: calc(${({ theme }) => theme.spacing(1)} + 2px);

    ${({ theme }) => theme.breakpoints.down('sm')} {
      padding-top: calc(${({ theme }) => theme.spacing(2)} + 2px);
    }
  }
`;
