{"version":3,"file":"BG_Tile.DoFXBTYW.mjs","names":[],"sources":["https:/framerusercontent.com/modules/xoruGKgrVcdhNdbQqN6z/W7nbOTifWobiZ0nlKEZL/BG_Tile.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export function DotGrid(props){// Generate the CSS for the dot grid background\nconst style={width:\"100%\",height:\"100%\",backgroundColor:props.backgroundColor,backgroundImage:props.showGrid?`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ccircle fill='${encodeURIComponent(props.dotColor)}' cx='3' cy='3' r='1.5'/%3E%3C/svg%3E\")`:\"\",backgroundRepeat:\"repeat\"};// Return a div with the background image\nreturn /*#__PURE__*/ _jsx(\"div\",{style:style});}// Add property controls to show in the props panel\naddPropertyControls(DotGrid,{showGrid:{type:ControlType.Boolean,title:\"Show Grid\",defaultValue:true},dotColor:{type:ControlType.Color,title:\"Dot Color\",defaultValue:\"#E6E6E6\"},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#FFFFFF\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"DotGrid\":{\"type\":\"reactComponent\",\"name\":\"DotGrid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BG_Tile.map"],"mappings":"iOAA+F,SAAgB,EAAQ,EAAM,CAC7H,IAAM,EAAM,CAAC,MAAM,OAAO,OAAO,OAAO,gBAAgB,EAAM,gBAAgB,gBAAgB,EAAM,SAAS,kIAAkI,mBAAmB,EAAM,SAAS,CAAC,yCAAyC,GAAG,iBAAiB,SAAS,CACxV,OAAqB,EAAK,MAAM,CAAO,QAAM,CAAC,kBAFH,IAAoD,CAG/F,EAAoB,EAAQ,CAAC,SAAS,CAAC,KAAK,EAAY,QAAQ,MAAM,YAAY,aAAa,GAAK,CAAC,SAAS,CAAC,KAAK,EAAY,MAAM,MAAM,YAAY,aAAa,UAAU,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,UAAU,CAAC,CAAC"}