@visa/nova-react/message-icon/index.js

Visa Product Design System Nova React library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("@visa/nova-icons-react"),s=require("clsx"),r=require("react"),i=require("../message/index.js"),n=require("../types/index.js");const l={error:e.jsx(a.VisaErrorLow,{"aria-hidden":"false","aria-label":"Error"}),success:e.jsx(a.VisaSuccessLow,{"aria-hidden":"false","aria-label":"Success"}),warning:e.jsx(a.VisaWarningLow,{"aria-hidden":"false","aria-label":"Warning"}),subtle:e.jsx(a.VisaIdeaLow,{}),"":void 0},o=({className:n,element:o=null,...t},c)=>{const{messageType:u}=i.useMessage(),d=o||(l[u]||e.jsx(a.VisaInformationLow,{"aria-hidden":"false","aria-label":"Information"}));return r.cloneElement(d,{className:s("v-message-icon",n,o?.props?.className),ref:c,...t})};var t=n.forwardRefTyped(o);o.defaultProps={element:null},o.displayName="MessageIcon",exports.default=t;