"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const Flex_1 = require("./Flex");
const defaultStyle = {
    height: '100%',
    maxHeight: '90vh',
    width: '70vw',
    maxWidth: 800,
};
const FlexWithFooter = (props) => {
    const { footer, footerProps, children, style, ...domProps } = props;
    return (React.createElement(Flex_1.Flex, { flexDirection: "column", ...domProps, style: { ...defaultStyle, ...style } },
        React.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:p-0 twa:flex-1" },
            React.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:flex-1" }, children)),
        footer ? (React.createElement(Flex_1.Flex, { className: "twa:p-2 twa:bg-primary", ...footerProps }, footer)) : null));
};
exports.default = FlexWithFooter;
