{"version":3,"file":"ColorbondCircle.CxcLsdRZ.mjs","names":[],"sources":["https:/framerusercontent.com/modules/8hGN28w8EpNJfHipzh0M/schmkZUYVn2BI6HgHN7i/ColorbondCircle.js"],"sourcesContent":["// SVG Circle component that uses a color prop for the fill color\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function ColorbondCircle(props){const{fillColor,size}=props;return /*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 100 100\",xmlns:\"http://www.w3.org/2000/svg\",style:{width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsx(\"circle\",{cx:\"50\",cy:\"50\",r:\"45\",fill:fillColor})});}addPropertyControls(ColorbondCircle,{fillColor:{type:ControlType.Color,title:\"Fill Color\",defaultValue:\"#0099FF\"},size:{type:ControlType.Number,title:\"Size\",defaultValue:100,min:10,max:500,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ColorbondCircle\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ColorbondCircle.map"],"mappings":"4JAIG,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,YAAU,QAAM,EAAM,OAAoB,EAAK,MAAM,CAAC,MAAM,EAAK,OAAO,EAAK,QAAQ,cAAc,MAAM,6BAA6B,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,CAAC,SAAsB,EAAK,SAAS,CAAC,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAAK,EAAU,CAAC,CAAC,CAAC,kBAHpQ,IAAoD,CAGkN,EAAoB,EAAgB,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC"}