{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/rsVtZar9SbGBu4lVijDS/DsFPpqi6G2Tok536cnvn/patternBackground.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export function patternBackground(props){// Generate the CSS for the background image\nconst backgroundImageStyle={position:\"absolute\",top:\"-50%\",left:\"-50%\",width:\"200%\",height:\"200%\",backgroundImage:`url(${props.image})`,backgroundSize:\"auto 20px\",backgroundRepeat:\"repeat\",transform:`rotate(${props.rotation}deg)`,transformOrigin:\"center center\"};// Generate the CSS for the gradient overlay\nconst gradientOverlayStyle={position:\"absolute\",top:0,left:0,right:0,bottom:0,background:`linear-gradient(${props.gradientRotation}deg, #FFF 8.33%, rgba(255, 255, 255, 0.08) 48.95%, #FFF 92.18%)`,zIndex:1};// Generate the CSS for the container\nconst containerStyle={height:\"100%\",width:\"100%\",position:\"relative\",overflow:\"hidden\"};// Return a div with the container, background image, and gradient overlay\nreturn /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:backgroundImageStyle}),/*#__PURE__*/_jsx(\"div\",{style:gradientOverlayStyle})]});}// Add property controls to show in the props panel\naddPropertyControls(patternBackground,{image:{type:ControlType.Image,title:\"Image\"},rotation:{type:ControlType.Number,defaultValue:16,min:-360,max:360,unit:\"\\xb0\",step:1,displayStepper:true},gradientRotation:{type:ControlType.Number,defaultValue:185,min:-360,max:360,unit:\"\\xb0\",step:1,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"patternBackground\":{\"type\":\"reactComponent\",\"name\":\"patternBackground\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./patternBackground.map"],
  "mappings": "gGAAoH,SAASA,EAAkBC,EAAM,CACrJ,IAAMC,EAAqB,CAAC,SAAS,WAAW,IAAI,OAAO,KAAK,OAAO,MAAM,OAAO,OAAO,OAAO,gBAAgB,OAAOD,EAAM,KAAK,IAAI,eAAe,YAAY,iBAAiB,SAAS,UAAU,UAAUA,EAAM,QAAQ,OAAO,gBAAgB,eAAe,EAC/PE,EAAqB,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,mBAAmBF,EAAM,gBAAgB,kEAAkE,OAAO,CAAC,EAE5M,OAAoBG,EAAM,MAAM,CAAC,MADZ,CAAC,OAAO,OAAO,MAAM,OAAO,SAAS,WAAW,SAAS,QAAQ,EAChC,SAAS,CAAcC,EAAK,MAAM,CAAC,MAAMH,CAAoB,CAAC,EAAeG,EAAK,MAAM,CAAC,MAAMF,CAAoB,CAAC,CAAC,CAAC,CAAC,CAAE,CAC/KG,EAAoBN,EAAkB,CAAC,MAAM,CAAC,KAAKO,EAAY,MAAM,MAAM,OAAO,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,aAAa,GAAG,IAAI,KAAK,IAAI,IAAI,KAAK,OAAO,KAAK,EAAE,eAAe,EAAI,EAAE,iBAAiB,CAAC,KAAKA,EAAY,OAAO,aAAa,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,OAAO,KAAK,EAAE,eAAe,EAAI,CAAC,CAAC",
  "names": ["patternBackground", "props", "backgroundImageStyle", "gradientOverlayStyle", "u", "p", "addPropertyControls", "ControlType"]
}