@boomerang-io/carbon-addons-boomerang-react/dist/cjs/components/FeatureHeader/FeatureHeader.js

Carbon Addons for Boomerang apps

'use strict';

var React = require('react');
var react = require('@carbon/react');
var cx = require('classnames');
var settings = require('../../internal/settings.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);
var cx__default = /*#__PURE__*/_interopDefault(cx);

/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2024
*/
function FeatureHeader({ actions, children, className = "", footer, header, includeBorder = true, isLoading = false, nav, style, contentClassName = "", footerClassName = "", headerClassName = "", navClassName = "", skeletonClassName = "", ...rest }) {
    const containerClassNames = cx__default.default(`${settings.prefix}--bmrg-feature-header`, className, {
        "--bordered": includeBorder,
    });
    const contentClassNames = cx__default.default(`${settings.prefix}--bmrg-feature-header__content`, contentClassName);
    const skeletonClassNames = cx__default.default(`${settings.prefix}--bmrg-feature-header__loading`, skeletonClassName);
    const navClassNames = cx__default.default(`${settings.prefix}--bmrg-feature-header__nav`, navClassName);
    const headerClassNames = cx__default.default(`${settings.prefix}--bmrg-feature-header__header`, headerClassName);
    const footerClassNames = cx__default.default(`${settings.prefix}--bmrg-feature-header__footer`, footerClassName);
    return (React__default.default.createElement("header", { className: containerClassNames, style: style, ...rest },
        React__default.default.createElement("section", { className: contentClassNames },
            nav && React__default.default.createElement("div", { className: navClassNames }, nav),
            isLoading ? (React__default.default.createElement(react.SkeletonPlaceholder, { className: skeletonClassNames })) : (React__default.default.createElement(React__default.default.Fragment, null,
                header && React__default.default.createElement("div", { className: headerClassNames }, header),
                children)),
            footer && React__default.default.createElement("div", { className: footerClassNames }, footer)),
        actions));
}
function FeatureHeaderTitle({ element: Element = "h1", children, className = "", style, ...rest }) {
    const classNames = cx__default.default(`${settings.prefix}--bmrg-feature-header-title`, className);
    return (React__default.default.createElement(Element, { className: classNames, style: style, ...rest }, children));
}
function FeatureHeaderSubtitle(props) {
    return React__default.default.createElement(FeatureHeaderTitle, { element: "p", ...props });
}

exports.FeatureHeader = FeatureHeader;
exports.FeatureHeaderSubtitle = FeatureHeaderSubtitle;
exports.FeatureHeaderTitle = FeatureHeaderTitle;