@gravity-ui/uikit
Version:
Gravity UI base styling and components
14 lines (13 loc) • 776 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import * as React from 'react';
import { Text } from "../../Text/index.js";
import { block } from "../../utils/cn.js";
import { DialogPrivateContext } from "../DialogPrivateContext.js";
import "./DialogHeader.css";
const b = block('dialog-header');
export function DialogHeader(props) {
const { caption = '', as = 'div', insertBefore, insertAfter, className, id } = props;
const { mobile } = React.useContext(DialogPrivateContext);
return (_jsxs("div", { className: b({ mobile }, className), children: [insertBefore, _jsx(Text, { as: as, variant: mobile ? 'header-1' : 'subheader-3', className: b('caption'), id: id, children: caption }), insertAfter] }));
}
//# sourceMappingURL=DialogHeader.js.map