@gravity-ui/uikit
Version:
Gravity UI base styling and components
18 lines (17 loc) • 1.01 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.DialogHeader = DialogHeader;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const React = tslib_1.__importStar(require("react"));
const Text_1 = require("../../Text/index.js");
const cn_1 = require("../../utils/cn.js");
const DialogPrivateContext_1 = require("../DialogPrivateContext.js");
require("./DialogHeader.css");
const b = (0, cn_1.block)('dialog-header');
function DialogHeader(props) {
const { caption = '', as = 'div', insertBefore, insertAfter, className, id } = props;
const { mobile } = React.useContext(DialogPrivateContext_1.DialogPrivateContext);
return ((0, jsx_runtime_1.jsxs)("div", { className: b({ mobile }, className), children: [insertBefore, (0, jsx_runtime_1.jsx)(Text_1.Text, { as: as, variant: mobile ? 'header-1' : 'subheader-3', className: b('caption'), id: id, children: caption }), insertAfter] }));
}
//# sourceMappingURL=DialogHeader.js.map