{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/EAwhMnwIZCgABfufU1mn/vuPEP0YzOtzxViQ8oIBH/FunctionIcon.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/components/auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function FunctionIcon(props){let colors={\"AI & Machine Learning\":{color:\"#389e0d\",background:\"#f6ffed\",borderColor:\"#b7eb8f\"},\"APIs & External Services\":{color:\"#c41d7f\",background:\"#fff0f6\",borderColor:\"#ffadd2\"},Other:{color:\"#531dab\",background:\"#f9f0ff\",borderColor:\"#d3adf7\"}};// Get the color from category, or default to \"green\"\nconst iconColor=props.category&&colors[props.category]?colors[props.category].color:\"black\";let style={...colors[props.category],padding:\"0 7px\",background:colors[props.category].background,height:\"100%\",borderRadius:\"2px\",display:\"flex\",border:\"1px solid\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};const categoryColors=colors[props.category]||colors[\"Other\"];return /*#__PURE__*/_jsx(\"div\",{style:style,children:/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"inline-block\",background:categoryColors.background,backgroundColor:categoryColors.color,WebkitMask:`url('${props.icon}') no-repeat center / contain`,mask:`url('${props.icon}') no-repeat center / contain`}})});}FunctionIcon.defaultProps={category:\"AI & Machine Learning\",icon:\"https://storage.googleapis.com/moonlit-public-assets/icons/AlertOutline.svg\"};// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\nconst containerStyle={height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};addPropertyControls(FunctionIcon,{category:{title:\"Category\",type:ControlType.String},icon:{title:\"Icon\",type:ControlType.String}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FunctionIcon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FunctionIcon.map"],
  "mappings": "yDAQkB,SAARA,EAA8BC,EAAM,CAAC,IAAIC,EAAO,CAAC,wBAAwB,CAAC,MAAM,UAAU,WAAW,UAAU,YAAY,SAAS,EAAE,2BAA2B,CAAC,MAAM,UAAU,WAAW,UAAU,YAAY,SAAS,EAAE,MAAM,CAAC,MAAM,UAAU,WAAW,UAAU,YAAY,SAAS,CAAC,EACpSC,EAAUF,EAAM,UAAUC,EAAOD,EAAM,QAAQ,EAAEC,EAAOD,EAAM,QAAQ,EAAE,MAAM,QAAYG,EAAM,CAAC,GAAGF,EAAOD,EAAM,QAAQ,EAAE,QAAQ,QAAQ,WAAWC,EAAOD,EAAM,QAAQ,EAAE,WAAW,OAAO,OAAO,aAAa,MAAM,QAAQ,OAAO,OAAO,YAAY,eAAe,SAAS,WAAW,SAAS,SAAS,QAAQ,EAAQI,EAAeH,EAAOD,EAAM,QAAQ,GAAGC,EAAO,MAAS,OAAoBI,EAAK,MAAM,CAAC,MAAMF,EAAM,SAAsBE,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,eAAe,WAAWD,EAAe,WAAW,gBAAgBA,EAAe,MAAM,WAAW,QAAQJ,EAAM,IAAI,gCAAgC,KAAK,QAAQA,EAAM,IAAI,+BAA+B,CAAC,CAAC,CAAC,CAAC,CAAE,CAACD,EAAa,aAAa,CAAC,SAAS,wBAAwB,KAAK,6EAA6E,EAEpuBO,EAAoBC,EAAa,CAAC,SAAS,CAAC,MAAM,WAAW,KAAKC,EAAY,MAAM,EAAE,KAAK,CAAC,MAAM,OAAO,KAAKA,EAAY,MAAM,CAAC,CAAC",
  "names": ["FunctionIcon", "props", "colors", "iconColor", "style", "categoryColors", "p", "addPropertyControls", "FunctionIcon", "ControlType"]
}