UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

18 lines (17 loc) 999 B
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()) })); });