"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 Box_1 = require("../../Box");
const Paragraph_1 = require("../../Paragraph");
const Heading_1 = require("../../Heading");
const types_1 = require("../types");
const color = {
    [types_1.ModalStatus.Loading]: 'idle',
    [types_1.ModalStatus.Idle]: 'idle',
    [types_1.ModalStatus.Warning]: 'warning',
    [types_1.ModalStatus.Alert]: 'alert',
    [types_1.ModalStatus.Success]: 'success',
};
exports.Header = ({ status = types_1.ModalStatus.Idle, children, label, }) => {
    return (react_1.default.createElement(Box_1.Box, { p: "gridGap" },
        label && (react_1.default.createElement(Paragraph_1.Paragraph, { color: color[status], fontSize: 1, bold: true, mb: 0 }, label)),
        react_1.default.createElement(Heading_1.Heading, { as: "h1", variant: "h2", mb: 0 }, children)));
};
//# sourceMappingURL=index.js.map