{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/CcGQb1MG9VIFx3KiGIfQ/lJOCnB8icSiRRHRuWywb/FontAwesomeFont.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";export function FontAwesomeIcon(props){const{style,onTap,fontSize,color,family,variant,icon,...rest}=props;// Set up container style based on fontSize. The default font-awesome grid is 16x16,\n// but some icons need extra horizontal space, and therefore use a 20x16 grid (where\n// the width is 25% larger than the height). We also use a four-pixel padding. YMMV.\nconst thisContainerStyle={...baseContainerStyle,width:fontSize*1.25+4,height:fontSize+4};// The icon name and the variant are used to construct a class-name list\nlet classNameList=`${variant} fa-${icon}`;// Build a list of classes for the icon. The 'classic' family is implied (without an\n// explicit class name). All other families need the class name directly specified.\nif(family!==\"classic\"){classNameList=`fa-${family} ${classNameList}`;}// Use useEffect to run DOM code only on the client side. This prevents trying to\n// access the 'document' object during server-side component rendering.\nReact.useEffect(()=>{if(typeof document!==\"undefined\"&&!document.getElementById(\"font-awesome-fonts-script\")){const script=document.createElement(\"script\");script.id=\"font-awesome-fonts-script\";script.src=\"https://kit.fontawesome.com/1b45330025.js\";script.crossOrigin=\"anonymous\";document.body.appendChild(script);console.log(\"Font Awesome loaded\");}else{console.log(\"Font Awesome already loaded\");}},[]);return /*#__PURE__*/_jsx(motion.div,{style:{...style,...thisContainerStyle},children:/*#__PURE__*/_jsx(motion.div,{style:squareStyle,onTap:onTap,children:/*#__PURE__*/_jsx(\"i\",{style:{fontSize:fontSize,flexBasis:\"0 0 auto\",flexGrow:0,flexShrink:0,color:color,verticalAlign:\"-.125em\"},className:classNameList,...rest})})});}FontAwesomeIcon.defaultProps={fontSize:24,color:\"#3899FF\",variant:\"fa-solid\",family:\"classic\",icon:\"square\"};addPropertyControls(FontAwesomeIcon,{onTap:{type:ControlType.EventHandler},fontSize:{type:ControlType.Number,title:\"Size\"},color:{type:ControlType.Color,title:\"Color\"},family:{type:ControlType.Enum,title:\"Family\",options:[\"classic\",\"sharp\",\"duotone\",\"sharp-duotone\"],optionTitles:[\"Classic\",\"Sharp\",\"Duotone\",\"Sharp Duotone\"]},variant:{type:ControlType.Enum,title:\"Variant\",options:[\"fa-solid\",\"fa-regular\",\"fa-light\",\"fa-thin\"],optionTitles:[\"Solid\",\"Regular\",\"Light\",\"Thin\"]},icon:{type:ControlType.String,title:\"Icon\"}});const baseContainerStyle={display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"visible\"};const squareStyle={width:\"max-content\",whiteSpace:\"pre-wrap\",flexShrink:0};\nexport const __FramerMetadata__ = {\"exports\":{\"FontAwesomeIcon\":{\"type\":\"reactComponent\",\"name\":\"FontAwesomeIcon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FontAwesomeFont.map"],
  "mappings": "qEAAoK,SAASA,EAAgBC,EAAM,CAAC,GAAK,CAAC,MAAAC,EAAM,MAAAC,EAAM,SAAAC,EAAS,MAAAC,EAAM,OAAAC,EAAO,QAAAC,EAAQ,KAAAC,EAAK,GAAGC,CAAI,EAAER,EAG5PS,EAAmB,CAAC,GAAGC,EAAmB,MAAMP,EAAS,KAAK,EAAE,OAAOA,EAAS,CAAC,EACnFQ,EAAc,GAAGL,CAAO,OAAOC,CAAI,GAEvC,OAAGF,IAAS,YAAWM,EAAc,MAAMN,CAAM,IAAIM,CAAa,IAE5DC,EAAU,IAAI,CAAC,GAAG,OAAO,SAAW,KAAa,CAAC,SAAS,eAAe,2BAA2B,EAAE,CAAC,IAAMC,EAAO,SAAS,cAAc,QAAQ,EAAEA,EAAO,GAAG,4BAA4BA,EAAO,IAAI,4CAA4CA,EAAO,YAAY,YAAY,SAAS,KAAK,YAAYA,CAAM,EAAE,QAAQ,IAAI,qBAAqB,CAAE,MAAM,QAAQ,IAAI,6BAA6B,CAAG,EAAE,CAAC,CAAC,EAAsBC,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,GAAGd,EAAM,GAAGQ,CAAkB,EAAE,SAAsBK,EAAKC,EAAO,IAAI,CAAC,MAAMC,EAAY,MAAMd,EAAM,SAAsBY,EAAK,IAAI,CAAC,MAAM,CAAC,SAASX,EAAS,UAAU,WAAW,SAAS,EAAE,WAAW,EAAE,MAAMC,EAAM,cAAc,SAAS,EAAE,UAAUO,EAAc,GAAGH,CAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACT,EAAgB,aAAa,CAAC,SAAS,GAAG,MAAM,UAAU,QAAQ,WAAW,OAAO,UAAU,KAAK,QAAQ,EAAEkB,EAAoBlB,EAAgB,CAAC,MAAM,CAAC,KAAKmB,EAAY,YAAY,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,MAAM,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,EAAE,OAAO,CAAC,KAAKA,EAAY,KAAK,MAAM,SAAS,QAAQ,CAAC,UAAU,QAAQ,UAAU,eAAe,EAAE,aAAa,CAAC,UAAU,QAAQ,UAAU,eAAe,CAAC,EAAE,QAAQ,CAAC,KAAKA,EAAY,KAAK,MAAM,UAAU,QAAQ,CAAC,WAAW,aAAa,WAAW,SAAS,EAAE,aAAa,CAAC,QAAQ,UAAU,QAAQ,MAAM,CAAC,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,MAAM,CAAC,CAAC,EAAE,IAAMR,EAAmB,CAAC,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,EAAQM,EAAY,CAAC,MAAM,cAAc,WAAW,WAAW,WAAW,CAAC",
  "names": ["FontAwesomeIcon", "props", "style", "onTap", "fontSize", "color", "family", "variant", "icon", "rest", "thisContainerStyle", "baseContainerStyle", "classNameList", "ue", "script", "p", "motion", "squareStyle", "addPropertyControls", "ControlType"]
}