import { DIALOG_SIZES } from '../../Dialog';
import { DialogContent } from '../../DialogContent';
import { styled } from '../../styled';
export const StyledDialogContent = styled(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_SIZES[$size].minWidth};
  height: ${({ $size }) => DIALOG_SIZES[$size].minWidth};
  
  ${({ theme }) => theme.breakpoints.down('sm')} {
    width: auto;
  }
`;
export const TreeListWrapper = styled.div `
  overflow: auto;

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