"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Body = exports.HeaderTitle = exports.Header = exports.StyledDrawer = void 0;
const Drawer_1 = __importDefault(require("@mui/material/Drawer"));
const Paper_1 = require("@mui/material/Paper");
const Typography_1 = __importDefault(require("@mui/material/Typography"));
const styled_1 = require("../styled");
const constants_1 = require("./constants");
exports.StyledDrawer = (0, styled_1.styled)(Drawer_1.default) `
  ${`.${Paper_1.paperClasses.root}`} {
    max-height: calc(100vh - ${constants_1.OFFSET_TOP_SCREEN});

    /* Причина игнора: прогрессивное улучшение */
    /* stylelint-disable plugin/no-unsupported-browser-features */
    @supports (height: 100dvh) {
      max-height: calc(100dvh - ${constants_1.OFFSET_TOP_SCREEN});
    }
    /* stylelint-enable plugin/no-unsupported-browser-features */

    border-top-left-radius: calc(${({ theme }) => theme.shape.medium} * 2);
    border-top-right-radius: calc(${({ theme }) => theme.shape.medium} * 2);
  }
`;
exports.Header = styled_1.styled.header `
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;

  height: ${({ drawerHeaderHeight }) => `${drawerHeaderHeight}px`};
  padding: ${({ theme }) => theme.spacing(1, 2, 1, 4)};

  border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
`;
exports.HeaderTitle = (0, styled_1.styled)(Typography_1.default) `
  margin-right: ${({ theme }) => theme.spacing(2)};
`;
exports.Body = styled_1.styled.div `
  overflow-y: auto;
`;
