{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3XfBcRQQc5TlGDnagQ7w/jaR8ungkNmjaSWmob0as/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": "uDAAsG,SAASA,EAAQC,EAAM,CAC7H,IAAMC,EAAM,CAAC,MAAM,OAAO,OAAO,OAAO,gBAAgBD,EAAM,gBAAgB,gBAAgBA,EAAM,SAAS,kIAAkI,mBAAmBA,EAAM,QAAQ,2CAA2C,GAAG,iBAAiB,QAAQ,EACvV,OAAqBE,EAAK,MAAM,CAAC,MAAMD,CAAK,CAAC,CAAE,CAC/CE,EAAoBJ,EAAQ,CAAC,SAAS,CAAC,KAAKK,EAAY,QAAQ,MAAM,YAAY,aAAa,EAAI,EAAE,SAAS,CAAC,KAAKA,EAAY,MAAM,MAAM,YAAY,aAAa,SAAS,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,mBAAmB,aAAa,SAAS,CAAC,CAAC",
  "names": ["DotGrid", "props", "style", "p", "addPropertyControls", "ControlType"]
}