{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/WIJMJpPugUhHrOg0vn2F/dzCl3NnvyU8aVl380dNX/CSS_Patterns.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{Frame,addPropertyControls,ControlType}from\"framer\";export default function Pattern({distance,lineColor}){return /*#__PURE__*/_jsx(Frame,{width:\"100%\",height:\"100%\",radius:8,background:\"#000\",style:{backgroundImage:`repeating-linear-gradient(\n          -45deg,\n          transparent,\n          transparent ${distance-1}px,\n          ${lineColor} ${distance-1}px,\n          ${lineColor} ${distance}px\n        )`}});}// Adding property controls for customization in Framer\naddPropertyControls(Pattern,{distance:{type:ControlType.Number,defaultValue:8,min:2,max:50,step:1,displayStepper:true},lineColor:{type:ControlType.Color,defaultValue:\"#52525b\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Pattern\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CSS_Patterns.map"],
  "mappings": "yIAAAA,IAAoH,SAARC,EAAyB,CAAC,SAAAC,EAAS,UAAAC,CAAS,EAAE,CAAC,OAAoBC,EAAKC,EAAM,CAAC,MAAM,OAAO,OAAO,OAAO,OAAO,EAAE,WAAW,OAAO,MAAM,CAAC,gBAAgB;AAAA;AAAA;AAAA,wBAGhPH,EAAS;AAAA,YACrBC,KAAaD,EAAS;AAAA,YACtBC,KAAaD;AAAA,UACf,CAAC,CAAC,CAAE,CACdI,EAAoBL,EAAQ,CAAC,SAAS,CAAC,KAAKM,EAAY,OAAO,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,eAAe,EAAI,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,aAAa,SAAS,CAAC,CAAC",
  "names": ["init_ssg_sandbox_shims", "Pattern", "distance", "lineColor", "p", "Frame", "addPropertyControls", "ControlType"]
}