"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PopoverContent = exports.StyledTooltip = exports.List = exports.StyledTreeItem = exports.StyledCheckbox = void 0;
const Tooltip_1 = require("@mui/material/Tooltip");
const Checkbox_1 = require("../../Checkbox");
const styled_1 = require("../../styled");
const mixins_1 = require("../../styled/mixins");
const Tooltip_2 = require("../../Tooltip");
const Tree_1 = require("../../Tree");
exports.StyledCheckbox = (0, styled_1.styled)(Checkbox_1.Checkbox) `
  padding-top: 0;
  padding-bottom: 0;
`;
exports.StyledTreeItem = (0, styled_1.styled)(Tree_1.TreeItem) `
  .${Tree_1.treeClassnames.note} {
    /* cSpell:ignore чекбоксом */

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

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