@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
18 lines (17 loc) • 893 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 { exclamationCircleIcon, exclamationTriangleIcon, infoIcon, layersIcon, } from '@workday/canvas-system-icons-web';
import { useInformationHighlightModel } from '../hooks/useInformationHighlightModel';
const defaultIcons = {
default: layersIcon,
informational: infoIcon,
caution: exclamationTriangleIcon,
critical: exclamationCircleIcon,
};
export const Icon = createSubcomponent('span')({
displayName: 'Icon',
modelHook: useInformationHighlightModel,
})(({ icon, size = 'md', ...props }, Element, model) => {
return (_jsx(SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], size: size, "data-part": "information-highlight-icon", ...props }));
});