@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
37 lines • 1.21 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import classnames from 'classnames';
import useId from "../../../../shared/helpers/useId.js";
import Heading from "../../../../components/heading/Heading.js";
import HelpButtonInline, { HelpButtonInlineContent } from "../../../../components/help-button/HelpButtonInline.js";
function MainHeading({
level,
...props
}) {
const {
help,
className,
children,
...rest
} = props;
const helpId = useId();
const hasHelp = help?.title || 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