UNPKG

@lanaco/lnc-react-ui

Version:

React component library

9 lines (8 loc) 984 B
"use strict";const t=require("react/jsx-runtime"),h=require("react"),z=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),n=require("./utils-BK6B_Y9X.cjs"),I=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=z.styled.span` box-sizing: border-box; ${e=>e.sizeInUnits&&e.sizeInUnits!=""?`font-size: ${e.sizeInUnits}`:n.getComponentTypographyCss(e.theme,"Icon",e.size,"enabled")}; ${e=>e.color&&`color: ${n.getColorRgbaValue(e.theme,"Icon",e.color,"enabled","icon")}`}; display: inline-flex; justify-content: center; align-items: center; `,x=h.forwardRef((e,s)=>{const{icon:o="",iconStyle:i="solid",tooltip:r="",sizeInUnits:c="",size:l="small",color:a,className:m="",style:u={},...d}=e,f={theme:I.useTheme(),size:l,color:a,sizeInUnits:c},y=()=>{var b=i==="solid"?"fas":"far";return`${b} fa-${o} fa-fw`};return t.jsx(g,{ref:s,...f,tooltip:r,className:m,style:u,...d,children:t.jsx("i",{"data-control":!!e["data-control"],className:y()})})});module.exports=x;