@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
18 lines (17 loc) • 725 B
JavaScript
import { createElemPropsHook } from '@workday/canvas-kit-react/common';
import { exclamationCircleIcon, exclamationTriangleIcon } from '@workday/canvas-system-icons-web';
import { useBannerModel } from './useBannerModel';
import { useThemedPalette } from './useThemedPalette';
/**
* Adds the necessary props to a `Icon` component.
* Used by the Banner.Icon subcomponent
*/
export const useBannerIcon = createElemPropsHook(useBannerModel)(({ state }) => {
const palette = useThemedPalette(state.hasError ? 'error' : 'alert');
return {
icon: state.hasError ? exclamationCircleIcon : exclamationTriangleIcon,
color: palette.contrast,
colorHover: palette.contrast,
size: 24,
};
});