@workday/canvas-kit-react/dist/commonjs/banner/lib/BannerIcon.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.BannerIcon = exports.bannerIconStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const icon_1 = require("@workday/canvas-kit-react/icon");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const hooks_1 = require("./hooks");
exports.bannerIconStencil = (0, canvas_kit_styling_1.createStencil)({
    base: { name: "c1gmy", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x3);" }
}, "banner-icon-12b0fa");
exports.BannerIcon = (0, common_1.createSubcomponent)('span')({
    displayName: 'Banner.Icon',
    modelHook: hooks_1.useBannerModel,
    elemPropsHook: hooks_1.useBannerIcon,
})((elemProps, Element, model) => {
    const { icon, ...iconButtonProps } = elemProps;
    return ((0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { as: Element, "data-part": model.state.hasError ? 'exclamation-circle-icon' : 'exclamation-triangle-icon', icon: icon, ...(0, canvas_kit_styling_1.handleCsProp)(iconButtonProps, (0, exports.bannerIconStencil)()) }));
});