@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
41 lines • 1.58 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
const _excluded = ["level"],
_excluded2 = ["help", "className", "children"];
import React from 'react';
import classnames from 'classnames';
import useId from '../../../../shared/helpers/useId';
import Heading from '../../../../components/heading/Heading';
import HelpButtonInline, { HelpButtonInlineContent } from '../../../../components/help-button/HelpButtonInline';
function MainHeading(_ref) {
let {
level
} = _ref,
props = _objectWithoutProperties(_ref, _excluded);
const {
help,
className,
children
} = props,
rest = _objectWithoutProperties(props, _excluded2);
const helpId = useId();
const hasHelp = (help === null || help === void 0 ? void 0 : help.title) || (help === null || help === void 0 ? void 0 : help.content);
return React.createElement(React.Fragment, null, React.createElement(Heading, _extends({
className: classnames("dnb-forms-main-heading dnb-card--auto-indent", className),
level: level || 2,
skip_correction: true,
size: "large"
}, rest), children, hasHelp && React.createElement(HelpButtonInline, {
left: "x-small",
contentId: helpId,
help: help
})), hasHelp && React.createElement(HelpButtonInlineContent, {
top: "x-small",
contentId: helpId,
help: help
}));
}
MainHeading._supportsSpacingProps = true;
MainHeading._isHeadingElement = true;
export default MainHeading;
//# sourceMappingURL=MainHeading.js.map