@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

21 lines (20 loc) • 1.11 kB

JavaScript

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Icon = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const icon_1 = require("@workday/canvas-kit-react/icon");
const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
const useInformationHighlightModel_1 = require("../hooks/useInformationHighlightModel");
const defaultIcons = {
    default: canvas_system_icons_web_1.layersIcon,
    informational: canvas_system_icons_web_1.infoIcon,
    caution: canvas_system_icons_web_1.exclamationTriangleIcon,
    critical: canvas_system_icons_web_1.exclamationCircleIcon,
};
exports.Icon = (0, common_1.createSubcomponent)('span')({
    displayName: 'Icon',
    modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
})(({ icon, size = 'md', ...props }, Element, model) => {
    return ((0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], size: size, "data-part": "information-highlight-icon", ...props }));
});