"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const antd_1 = require("antd");
const styled_components_1 = __importDefault(require("styled-components"));
const Header_1 = __importDefault(require("./components/Header"));
const { Content } = antd_1.Layout;
const FoxPageContent = (0, styled_components_1.default)(Content) `
  padding: 0;
  margin-top: 48px;
  overflow: auto;
`;
const FoxPageLayout = (props) => {
    const { children } = props;
    return (react_1.default.createElement(antd_1.Layout, { style: { height: '100%' } },
        react_1.default.createElement(Header_1.default, null),
        react_1.default.createElement(FoxPageContent, null, children)));
};
exports.default = FoxPageLayout;
