{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ETjjj4USaq7kSwpymd0u/q6hM71ToZiITmN17dy3I/Collage.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType } from \"framer\"; /**\n                                                           *\n                                                           * @framerDisableUnlink\n                                                           *\n                                                           * @framerSupportedLayoutWidth fixed\n                                                           * @framerSupportedLayoutHeight fixed\n                                                           */\nexport default function Collage(props) {\n  const {\n    shapes,\n    colorOne,\n    colorTwo,\n    background,\n    id: nodeId,\n    direction\n  } = props;\n  const viewBox = \"0 0 200 200\";\n  return /*#__PURE__*/_jsxs(\"svg\", {\n    viewBox: viewBox,\n    fill: \"none\",\n    style: {\n      background,\n      transform: `rotate(${direction * 90}deg)`,\n      display: \"block\"\n    },\n    children: [shapes === \"s1\" && /*#__PURE__*/_jsx(_Fragment, {\n      children: /*#__PURE__*/_jsx(\"path\", {\n        fillRule: \"evenodd\",\n        clipRule: \"evenodd\",\n        d: \"M200 200V0C89.543 0 0 89.5431 0 200H200Z\",\n        fill: colorOne\n      })\n    }), shapes === \"s2\" && /*#__PURE__*/_jsx(_Fragment, {\n      children: /*#__PURE__*/_jsx(\"path\", {\n        fillRule: \"evenodd\",\n        clipRule: \"evenodd\",\n        d: \"M200 120L200 200C89.5431 200 1.17422e-05 110.457 2.62268e-05 0L80 1.04907e-05C80 66.2742 133.726 120 200 120Z\",\n        fill: colorOne\n      })\n    }), shapes === \"s3\" && /*#__PURE__*/_jsx(_Fragment, {\n      children: /*#__PURE__*/_jsx(\"path\", {\n        d: \"M200 100L0 0V200L200 100Z\",\n        fill: colorOne\n      })\n    }), shapes === \"s4\" && /*#__PURE__*/_jsxs(_Fragment, {\n      children: [/*#__PURE__*/_jsx(\"path\", {\n        fillRule: \"evenodd\",\n        clipRule: \"evenodd\",\n        d: \"M150 100C177.614 100 200 77.6142 200 50C200 22.3858 177.614 0 150 0C122.386 0 100 22.3858 100 50C100 77.6142 122.386 100 150 100ZM50 200C77.6142 200 100 177.614 100 150C100 122.386 77.6142 100 50 100C22.3858 100 0 122.386 0 150C0 177.614 22.3858 200 50 200Z\",\n        fill: colorTwo\n      }), /*#__PURE__*/_jsx(\"path\", {\n        fillRule: \"evenodd\",\n        clipRule: \"evenodd\",\n        d: \"M50 100C77.6142 100 100 77.6142 100 50C100 22.3858 77.6142 0 50 0C22.3858 0 0 22.3858 0 50C0 77.6142 22.3858 100 50 100ZM150 200C177.614 200 200 177.614 200 150C200 122.386 177.614 100 150 100C122.386 100 100 122.386 100 150C100 177.614 122.386 200 150 200Z\",\n        fill: colorOne\n      })]\n    }), shapes === \"s5\" && /*#__PURE__*/_jsxs(_Fragment, {\n      children: [/*#__PURE__*/_jsx(\"path\", {\n        d: \"M0 100C0 155.228 44.7715 200 100 200V0C44.7715 0 0 44.7715 0 100Z\",\n        fill: colorOne\n      }), /*#__PURE__*/_jsx(\"path\", {\n        d: \"M100 100C100 155.228 144.772 200 200 200V0C144.772 0 100 44.7715 100 100Z\",\n        fill: colorTwo\n      })]\n    }), shapes === \"s6\" && /*#__PURE__*/_jsxs(_Fragment, {\n      children: [/*#__PURE__*/_jsx(\"path\", {\n        d: \"M200 100C200 155.228 155.228 200 100 200C44.7715 200 0 155.228 0 100C0 44.7715 44.7715 0 100 0C155.228 0 200 44.7715 200 100Z\",\n        fill: colorOne\n      }), /*#__PURE__*/_jsx(\"circle\", {\n        cx: \"24\",\n        cy: \"24\",\n        r: \"24\",\n        transform: \"matrix(1 0 0 -1 76 124)\",\n        fill: colorTwo\n      })]\n    }), shapes === \"s7\" && /*#__PURE__*/_jsxs(_Fragment, {\n      children: [/*#__PURE__*/_jsx(\"rect\", {\n        width: \"100\",\n        height: \"100\",\n        fill: colorOne\n      }), /*#__PURE__*/_jsx(\"rect\", {\n        x: \"100\",\n        y: \"100\",\n        width: \"100\",\n        height: \"100\",\n        fill: colorTwo\n      })]\n    }), shapes === \"s8\" && /*#__PURE__*/_jsx(_Fragment, {\n      children: /*#__PURE__*/_jsx(\"path\", {\n        d: \"M200 200L200 6.10352e-05L0 200L200 200Z\",\n        fill: colorOne\n      })\n    }), shapes === \"s9\" && /*#__PURE__*/_jsx(_Fragment, {\n      children: /*#__PURE__*/_jsx(\"path\", {\n        d: \"M1.74846e-05 -1.74846e-05L0 200L200 0L1.74846e-05 -1.74846e-05Z\",\n        fill: colorOne\n      })\n    }), shapes === \"s10\" && /*#__PURE__*/_jsxs(_Fragment, {\n      children: [/*#__PURE__*/_jsx(\"path\", {\n        opacity: \"0.5\",\n        d: \"M200 200L200 3.49691e-05L-4.45153e-06 200L200 200Z\",\n        fill: colorOne\n      }), /*#__PURE__*/_jsx(\"path\", {\n        opacity: \"0.5\",\n        d: \"M-8.74228e-06 200L200 200L0 -8.74228e-06L-8.74228e-06 200Z\",\n        fill: colorTwo\n      })]\n    })]\n  });\n}\n;\naddPropertyControls(Collage, {\n  shapes: {\n    title: \"Shape\",\n    type: ControlType.Enum,\n    defaultValue: \"s1\",\n    options: [\"s1\", \"s2\", \"s3\", \"s4\", \"s5\", \"s6\", \"s7\", \"s8\", \"s9\", \"s10\"],\n    optionTitles: [\"Shape1\", \"Shape2\", \"Shape3\", \"Shape4\", \"Shape5\", \"Shape6\", \"Shape7\", \"Shape8\", \"Shape9\", \"Shape10\"]\n  },\n  direction: {\n    title: \"Direction\",\n    type: ControlType.Enum,\n    defaultValue: \"1\",\n    options: [0, 1, 2, 3],\n    optionTitles: [\"Top\", \"Right\", \"Bottom\", \"Left\"]\n  },\n  colorOne: {\n    title: \"Tint One\",\n    type: ControlType.Color,\n    defaultValue: \"#333\"\n  },\n  colorTwo: {\n    title: \"Tint Two\",\n    type: ControlType.Color,\n    defaultValue: \"#000\"\n  },\n  background: {\n    title: \"Background\",\n    type: ControlType.Color,\n    defaultValue: \"#999\"\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Collage\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerSupportedLayoutHeight\": \"fixed\",\n        \"framerSupportedLayoutWidth\": \"fixed\",\n        \"framerDisableUnlink\": \"*\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Collage.map"],
  "mappings": "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",
  "names": ["Collage", "props", "shapes", "colorOne", "colorTwo", "background", "nodeId", "direction", "u", "p", "addPropertyControls", "ControlType"]
}