import { formControlLabelClasses } from '@mui/material/FormControlLabel';
import { CHECKBOX_SIZE, Checkbox, checkboxClassnames } from '../../../Checkbox';
import { styled } from '../../../styled';
import { listContainer } from '../../../styled/mixins';
import { TreeItem, treeClassnames } from '../../TreeItem';
export const StyledCheckbox = styled(Checkbox) `
  padding-top: 0;
  padding-bottom: 0;

  & > .${checkboxClassnames.input}, .${checkboxClassnames.iconWrapper} {
    width: 32px;
    height: 16px;

    ${({ theme }) => theme.breakpoints.down('sm')} {
      height: 20px;
    }
  }
`;
export const StyledTreeItem = styled(TreeItem) `
  .${formControlLabelClasses.root} .${formControlLabelClasses.label} {
    margin-left: 0;
  }

  .${treeClassnames.note} {
    /* cSpell:ignore чекбоксом */

    /* Добавляем к отступу ширину контейнера с чекбоксом */
    margin-left: ${CHECKBOX_SIZE};
  }
`;
export const List = styled.ul `
  ${listContainer};
`;
