@lanaco/lnc-react-ui/dist/Icon.cjs

React component library

"use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BPVoEhTF.cjs"),P=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),o=require("./utils-NZLCh-J5.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=P.newStyled.span`
  box-sizing: border-box;
  ${e=>e.sizeInUnits&&e.sizeInUnits!=""?`font-size: ${e.sizeInUnits}`:o.getComponentTypographyCss(e.theme,"Icon",e.size,"enabled")};
  ${e=>e.color&&`color: ${o.getColorRgbaValue(e.theme,"Icon",e.color,"enabled","icon")}`};
  display: inline-flex;
  justify-content: center;
  align-items: center;
`,t=z.forwardRef((e,r)=>{const{id:h="",icon:i="",iconStyle:l="solid",tooltip:c="",sizeInUnits:a="",size:y="small",color:m,className:d="",style:u={},...p}=e,g={theme:b.useTheme(),size:y,color:m,sizeInUnits:a},f=()=>{var T=l==="solid"?"fas":"far";return`${T} fa-${i} fa-fw`};return n.jsx(I,{ref:r,...g,tooltip:c,className:d,style:u,...p,children:n.jsx("i",{"data-control":!!e["data-control"],className:f()})})});t.propTypes={id:s.PropTypes.string,icon:s.PropTypes.string,iconStyle:s.PropTypes.oneOf(["solid","regular"]),tooltip:s.PropTypes.string,className:s.PropTypes.string,style:s.PropTypes.object,size:s.PropTypes.oneOf(["small","medium","large"]),sizeInUnits:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=t;