{"version":3,"file":"BlinkingCircle.DFANNcEk.mjs","names":[],"sources":["https:/framerusercontent.com/modules/MStIum8UbdiFRNdJ1T3m/u02QWzRavmMlh2WexeWw/BlinkingCircle.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import styled,{keyframes}from\"styled-components\";const blink=keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.5;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`;const Circle=styled.div`\n  width: ${props=>props.size}px;\n  height: ${props=>props.size}px;\n  border-radius: 50%;\n  background-color: ${props=>props.color};\n  animation: ${blink} 1s infinite;\n`;export function BlinkingCircle(props){return /*#__PURE__*/ _jsx(Circle,{size:props.size,color:props.color});}BlinkingCircle.defaultProps={size:10,color:\"#fb3f04\"};addPropertyControls(BlinkingCircle,{size:{title:\"Size\",type:ControlType.Number,min:1,max:100,defaultValue:10},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#fb3f04\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"BlinkingCircle\":{\"type\":\"reactComponent\",\"name\":\"BlinkingCircle\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlinkingCircle.map"],"mappings":"2OAkBE,SAAgB,EAAe,EAAM,CAAC,OAAqB,EAAK,EAAO,CAAC,KAAK,EAAM,KAAK,MAAM,EAAM,KAAK,CAAC,CAAE,qBAlBpE,IAAoD,IAAiD,EAAO,EAAM,CAAS;;;;;;;;;;;;EAY7J,EAAO,EAAO,GAAG;WACd,GAAO,EAAM,KAAK;YACjB,GAAO,EAAM,KAAK;;sBAER,GAAO,EAAM,MAAM;eAC1B,EAAM;EAC0F,EAAe,aAAa,CAAC,KAAK,GAAG,MAAM,SAAS,EAAE,EAAoB,EAAe,CAAC,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,OAAO,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAK,EAAY,MAAM,aAAa,SAAS,CAAC,CAAC"}