"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CloseButton = exports.Inner = exports.Dialog = exports.Container = void 0;
const dialog_1 = require("@reach/dialog");
const renderprops_cjs_1 = require("react-spring/renderprops.cjs");
const Card_1 = require("../Card");
const styles_1 = require("../../styles");
const IconButton_1 = require("../IconButton");
exports.Container = renderprops_cjs_1.animated(styles_1.styled(dialog_1.DialogContent)({
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    maxHeight: '100%',
    overflowY: 'auto',
    overflowX: 'hidden',
}));
exports.Dialog = styles_1.styled(Card_1.Card)(() => ({
    display: 'flex',
    minHeight: '100%',
}));
exports.Inner = styles_1.styled.div `
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: 'auto';
`;
exports.CloseButton = styles_1.styled(IconButton_1.IconButton)({
    flexShrink: 0,
});
//# sourceMappingURL=styles.js.map