nice-ui/lib/7-fullscreen/ModalAlert/ModalAlert.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ModalAlert = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const Modal_1 = require("../Modal");
const Button_1 = require("../../2-inline-block/Button");
const className = (0, nano_theme_1.rule)({
    ...nano_theme_1.theme.font.sans,
    fz: '16px',
    lh: '1.5em',
    minW: '200px',
    maxW: '500px',
    ta: 'center',
    pad: `0 ${nano_theme_1.theme.space(-2)}px`,
});
const footerClass = (0, nano_theme_1.rule)({
    pad: `${nano_theme_1.theme.space(3)}px 0 0`,
});
const ModalAlert = ({ button = 'OK', onOk, children, ...rest }) => {
    const theme = (0, nano_theme_1.useTheme)();
    return (React.createElement(Modal_1.Modal, { ...rest, contrast: true },
        React.createElement("div", { className: className, style: { color: theme.g(0.3) } }, children),
        React.createElement("div", { className: footerClass },
            React.createElement(Button_1.Button, { block: true, size: 0, onClick: onOk }, typeof button === 'function' ? button() : button))));
};
exports.ModalAlert = ModalAlert;