@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
17 lines (16 loc) • 703 B
JavaScript
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 });
});