@denali-design/react/lib/DnModal/DnModal.js

React.JS component library for the Denali CSS Framework

"use strict";
/**
 * Copyright 2020, Verizon Media
 * Licensed under the terms of the MIT license. See accompanying LICENSE.md file for terms.
 */
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DnModal = void 0;
var react_1 = __importDefault(require("react"));
var classnames_1 = __importDefault(require("classnames"));
exports.DnModal = function (_a) {
    var id = _a.id, isFull = _a.isFull, modalContainerClassName = _a.modalContainerClassName, closeContent = _a.closeContent, headerContent = _a.headerContent, footerContent = _a.footerContent, children = _a.children;
    return (react_1.default.createElement("div", { id: id, className: "modal is-active" },
        react_1.default.createElement("div", { className: classnames_1.default('modal-container', { 'is-full': isFull }, modalContainerClassName) },
            closeContent && react_1.default.createElement("div", { className: "close" }, closeContent),
            headerContent && react_1.default.createElement("div", { className: "modal-header" }, headerContent),
            react_1.default.createElement("div", { className: "modal-content" }, children),
            footerContent && react_1.default.createElement("div", { className: "modal-footer" }, footerContent))));
};
exports.DnModal.defaultProps = {
    id: undefined,
    isFull: false,
    modalContainerClassName: undefined,
    closeContent: null,
    headerContent: null,
    footerContent: null,
};
//# sourceMappingURL=DnModal.js.map