@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
37 lines • 1.31 kB
JavaScript
import _extends from "@babel/runtime-corejs3/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 SubHeading({
level,
...props
}) {
const {
help,
className,
children,
...rest
} = props;
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-sub-heading dnb-card--auto-indent", className),
level: level || 3,
skip_correction: true,
size: "medium"
}, rest), children, hasHelp && React.createElement(HelpButtonInline, {
left: "x-small",
contentId: helpId,
help: help
})), hasHelp && React.createElement(HelpButtonInlineContent, {
top: "x-small",
contentId: helpId,
help: help
}));
}
SubHeading._supportsSpacingProps = true;
SubHeading._isHeadingElement = true;
export default SubHeading;
//# sourceMappingURL=SubHeading.js.map