"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TreeListWrapper = exports.StyledDialogContent = void 0;
const Dialog_1 = require("../../Dialog");
const DialogContent_1 = require("../../DialogContent");
const styled_1 = require("../../styled");
exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent, {
    shouldForwardProp: (prop) => !['$size'].includes(prop),
}) `
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: max-content 1fr;
  gap: ${({ theme }) => theme.spacing(4)};

  width: ${({ $size }) => Dialog_1.DIALOG_SIZES[$size].minWidth};
  height: ${({ $size }) => Dialog_1.DIALOG_SIZES[$size].minWidth};
  
  ${({ theme }) => theme.breakpoints.down('sm')} {
    width: auto;
  }
`;
exports.TreeListWrapper = styled_1.styled.div `
  overflow: auto;

  min-width: 500px;
  height: 100%;
`;
