@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
18 lines (17 loc) • 999 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { SystemIcon } from '@workday/canvas-kit-react/icon';
import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
import { useBannerIcon, useBannerModel } from './hooks';
export const bannerIconStencil = createStencil({
base: { name: "3kqnpi", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x3);" }
}, "banner-icon-12b0fa");
export const BannerIcon = createSubcomponent('span')({
displayName: 'Banner.Icon',
modelHook: useBannerModel,
elemPropsHook: useBannerIcon,
})((elemProps, Element, model) => {
const { icon, ...iconButtonProps } = elemProps;
return (_jsx(SystemIcon, { as: Element, "data-part": model.state.hasError ? 'exclamation-circle-icon' : 'exclamation-triangle-icon', icon: icon, ...handleCsProp(iconButtonProps, bannerIconStencil()) }));
});