{"version":3,"file":"BgImage.CcU82-R4.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/nIoF2NxY2c1frVKKPWvH/kypMImrWiyVf3CMhhv94/BgImage.js"],"sourcesContent":["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}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/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function BgImage(props){const containerStyle={backgroundRepeat:\"repeat-x\",width:\"100%\",height:\"275px\",backgroundImage:`url(\"${props.url}\")`};const shakeAnimation=`\n        @keyframes shake { \n            from { transform: translateY(0); }\n                to { \n            transform: translateY(10px); \n        } \n}`;const animationStyle={animation:\"shake 2s linear infinite alternate\"};// This is a React component containing an Example component\n// - Replace <Example /> with your own code\n// - Find inspiration: https://www.framer.com/developers/\nlet inlineStyle={...containerStyle};if(props.animation){inlineStyle={...inlineStyle,...animationStyle};}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:shakeAnimation}),/*#__PURE__*/_jsx(\"div\",{style:{width:props.width,height:props.height},children:/*#__PURE__*/_jsx(\"div\",{style:inlineStyle})})]});}// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\naddPropertyControls(BgImage,{url:{type:ControlType.Image},height:{type:ControlType.String,defaultValue:\"100%\"},width:{type:ControlType.String,defaultValue:\"100%\"},animation:{type:ControlType.Boolean,defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BgImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BgImage.map"],"mappings":"0KAQG,SAAwB,EAAQ,EAAM,CAAC,IAAM,EAAe,CAAC,iBAAiB,WAAW,MAAM,OAAO,OAAO,QAAQ,gBAAgB,QAAQ,EAAM,IAAI,IAAI,CAMrJ,EAAe,CAAC,UAAU,qCAAqC,CAGpE,EAAY,CAAC,GAAG,EAAe,CAAqE,OAAjE,EAAM,YAAW,EAAY,CAAC,GAAG,EAAY,GAAG,EAAe,EAAsB,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;;GAAe,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAM,MAAM,OAAO,EAAM,OAAO,CAAC,SAAsB,EAAK,MAAM,CAAC,MAAM,EAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAf9P,IAAoD,CAiBnI,EAAoB,EAAQ,CAAC,IAAI,CAAC,KAAK,EAAY,MAAM,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,aAAa,OAAO,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,aAAa,OAAO,CAAC,UAAU,CAAC,KAAK,EAAY,QAAQ,aAAa,GAAM,CAAC,CAAC"}