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

Visa Product Design System Nova React library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("clsx"),r=require("react");const t="v-icon",s={high:"48",low:"24",tiny:"16"},l=r.forwardRef((({ariaBaseId:l,brand:a="generic",className:d,description:c,iconName:n="help",resolution:o="low",rtl:$,title:u,...h},x)=>{const f=r.useId(),p=l||f,j=`${u?`title-${p}`:""}${u&&c?",":""}${c?`description-${p}`:""}`,v=s[o],b=`${a}-${n}-${o}`;return e.jsxs("svg",{"aria-hidden":"true","aria-labelledby":j||void 0,className:i(t,a&&`${t}-${a}`,o&&`${t}-${o}`,$&&`${t}-rtl`,d),focusable:"false",height:v,ref:x,viewBox:`0 0 ${v} ${v}`,width:v,...h,children:[u&&e.jsx("title",{id:`title-${p}`,children:u}),c&&e.jsx("desc",{id:`description-${p}`,children:c}),e.jsx("use",{href:b,xlinkHref:b})]})}));l.displayName="Icon",exports.default=l;