import { tooltipClasses } from '@mui/material/Tooltip';
import { Checkbox } from '../../Checkbox';
import { styled } from '../../styled';
import { listContainer } from '../../styled/mixins';
import { Tooltip } from '../../Tooltip';
import { TreeItem, treeClassnames } from '../../Tree';
export const StyledCheckbox = styled(Checkbox) `
  padding-top: 0;
  padding-bottom: 0;
`;
export const StyledTreeItem = styled(TreeItem) `
  .${treeClassnames.note} {
    /* cSpell:ignore чекбоксом */

    /* Добавляем к отступу ширину контейнера с чекбоксом */
    margin-left: ${({ theme }) => `calc(${theme.spacing(1)} + 32px)`};
  }
`;
export const List = styled.ul `
  ${listContainer};
`;
export const StyledTooltip = styled(Tooltip) `
  .${tooltipClasses.tooltip} {
    margin-left: 0 !important;

    background-color: ${({ theme }) => theme.palette.background.paper} !important;
    box-shadow: ${({ theme }) => theme.elevation[200]};
  }
`;
export const PopoverContent = styled.div `
  padding: ${({ theme }) => theme.spacing(1)};
`;
