import React from 'react';
import { Container, Box } from '@chakra-ui/react';
import BaseLayout from './BaseLayout.js';

var SingleColumnCenteredLayout = function (_a) {
    var children = _a.children, _b = _a.maxContentWidth, maxContentWidth = _b === void 0 ? 'md' : _b;
    var isSingleChild = !Array.isArray(children);
    var _c = isSingleChild ? [null, children] : children, stepper = _c[0], content = _c[1];
    return (React.createElement(Container, { width: "full", height: "full", background: "gray.100" },
        React.createElement(BaseLayout, { header: null, maxContentWidth: maxContentWidth },
            !stepper ? null : React.createElement(Box, { marginBottom: "2xl" }, stepper),
            React.createElement(Box, null, content))));
};

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