import React from 'react';
import { Divider, Container, chakra } from '@chakra-ui/react';
import { sizes } from '../../themes/shared/sizes.js';
import Flex from '../flex/index.js';

var BaseLayout = function (_a) {
    var header = _a.header, footer = _a.footer, skyScraperAd = _a.skyScraperAd, heroAd = _a.heroAd, maxContentWidth = _a.maxContentWidth, children = _a.children;
    return (React.createElement(React.Fragment, null,
        header ? (React.createElement(React.Fragment, null,
            header,
            React.createElement(Divider, null))) : null,
        heroAd ? heroAd : null,
        React.createElement(Flex, { justifyContent: "center" },
            React.createElement(Container, { as: "main", width: "full", height: "full", maxWidth: sizes.container[maxContentWidth], marginX: { base: 'lg', md: '2xl' }, paddingBottom: { base: '5xl', md: '6xl' }, paddingTop: "2xl" }, children),
            skyScraperAd ? (React.createElement(chakra.aside, { display: { '2xs': 'none', lg: 'block' }, width: { lg: '300px', xl: '500px' }, minWidth: { lg: '300px', xl: '500px' }, marginRight: "2xl", position: "relative", paddingBottom: { md: '5xl', base: '3xl' }, paddingTop: { '2xs': 'md', md: '2xl' } }, skyScraperAd)) : null),
        React.createElement("div", null, footer ? footer : null)));
};

export { BaseLayout as default };
//# sourceMappingURL=BaseLayout.js.map
