UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

17 lines (16 loc) 703 B
import React from 'react'; import { space } from '@workday/canvas-kit-react/tokens'; import { createSubcomponent, styled, } from '@workday/canvas-kit-react/common'; import { SystemIcon } from '@workday/canvas-kit-react/icon'; import { useBannerIcon, useBannerModel } from './hooks'; const StyledBannerIcon = styled(SystemIcon)({ marginRight: space.xs, }); export const BannerIcon = createSubcomponent('span')({ displayName: 'Banner.Icon', modelHook: useBannerModel, elemPropsHook: useBannerIcon, })((elemProps, Element, model) => { const { icon, ...iconButtonProps } = elemProps; return React.createElement(StyledBannerIcon, { as: Element, icon: icon, ...iconButtonProps }); });