"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.PageSubHeader = exports.PageHeader = void 0;
var material_1 = require("@mui/material");
var react_1 = __importDefault(require("react"));
var Divider_1 = __importDefault(require("@mui/material/Divider"));
var Flex_1 = require("../Flex");
var Text_1 = require("../Text/Text");
var PageHeader = function (_a) {
    var title = _a.title, action = _a.action;
    return (react_1.default.createElement(Flex_1.Flex, { column: true, mb: 2 },
        react_1.default.createElement(Flex_1.Flex, { mb: 2, justifyContent: "space-between", alignItems: "center", flex: "auto" },
            react_1.default.createElement(material_1.Box, null,
                react_1.default.createElement(Text_1.H2, null,
                    react_1.default.createElement("strong", null, title))),
            react_1.default.createElement(Flex_1.Flex, { alignItems: "center" }, action))));
};
exports.PageHeader = PageHeader;
var PageSubHeader = function (_a) {
    var title = _a.title, _b = _a.action, action = _b === void 0 ? null : _b;
    return (react_1.default.createElement(Flex_1.Flex, { column: true, mb: 2 },
        react_1.default.createElement(Flex_1.Flex, { mb: 2, justifyContent: "space-between", alignItems: "center", flex: "auto" },
            react_1.default.createElement(material_1.Box, null,
                react_1.default.createElement(Text_1.H6, null, title)),
            react_1.default.createElement(Flex_1.Flex, { alignItems: "center" }, action)),
        react_1.default.createElement(Divider_1.default, null)));
};
exports.PageSubHeader = PageSubHeader;
//# sourceMappingURL=PageHeader.js.map