import { formControlLabelClasses } from '@mui/material/FormControlLabel';
import MuiSwitch, { switchClasses } from '@mui/material/Switch';
import { FormControlLabel } from '../FormControlLabel';
import { styled } from '../styled';
export const StyledSwitch = styled(MuiSwitch) `
  
  ${`.${switchClasses.track}`}::before {
    display: none;
  }

  ${`.${switchClasses.track}`}::after {
    display: none;
  }

  ${({ theme }) => theme.breakpoints.down('sm')} {
    margin: ${({ theme }) => theme.microSpacing(3, 0)};
  }
`;
export const StyledFormControlLabel = styled(FormControlLabel) `
  gap: ${({ theme }) => theme.spacing(1)};

  margin-left: 0;

  .${formControlLabelClasses.label} {
    margin: 0;
  }

  ${({ theme }) => theme.breakpoints.down('sm')} {
    gap: ${({ theme }) => theme.spacing(2)};
  }
`;
