{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/o7gLKK7Q4qGoxlZCID6b/8ps6ulivKisxypkt1tIt/Tiled_image.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType } from \"framer\";\nexport function TiledImage(props) {\n  // Generate the CSS for the background image\n  const style = {\n    backgroundImage: `url(${props.image})`,\n    backgroundSize: \"auto\",\n    backgroundPosition: \"left top\",\n    backgroundRepeat: \"repeat\",\n    width: \"100%\",\n    height: \"100%\"\n  }; // Return a div with the background image\n  return /*#__PURE__*/_jsx(\"div\", {\n    style: style\n  });\n} // Add property controls to show in the props panel\naddPropertyControls(TiledImage, {\n  image: {\n    type: ControlType.Image,\n    title: \"Image\"\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"TiledImage\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"TiledImage\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Tiled_image.map"],
  "mappings": "yFAEO,SAASA,EAAWC,EAAO,CAEhC,IAAMC,EAAQ,CACZ,gBAAiB,OAAOD,EAAM,SAC9B,eAAgB,OAChB,mBAAoB,WACpB,iBAAkB,SAClB,MAAO,OACP,OAAQ,MACV,EACA,OAAoBE,EAAK,MAAO,CAC9B,MAAOD,CACT,CAAC,CACH,CACAE,EAAoBJ,EAAY,CAC9B,MAAO,CACL,KAAMK,EAAY,MAClB,MAAO,OACT,CACF,CAAC",
  "names": ["TiledImage", "props", "style", "p", "addPropertyControls", "ControlType"]
}