{"version":3,"file":"CSS_Patterns.C3fp8muj.mjs","names":[],"sources":["https:/framerusercontent.com/modules/WIJMJpPugUhHrOg0vn2F/YaajOrdJV87jdWEKqThA/CSS_Patterns.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{Frame,addPropertyControls,ControlType}from\"framer\";export default function Pattern({distance,lineColor,angle}){return /*#__PURE__*/_jsx(Frame,{width:\"100%\",height:\"100%\",radius:0,background:\"transparent\",style:{backgroundImage:`repeating-linear-gradient(\n          ${angle}deg,\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\"},angle:{type:ControlType.Number,defaultValue:-45,min:-180,max:180,step:1,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Pattern\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CSS_Patterns.map"],"mappings":"4OAAqG,SAAwB,EAAQ,CAAC,WAAS,YAAU,SAAO,CAAC,OAAoB,EAAK,EAAM,CAAC,MAAM,OAAO,OAAO,OAAO,OAAO,EAAE,WAAW,cAAc,MAAM,CAAC,gBAAgB;YACzQ,EAAM;;wBAEM,EAAS,EAAE;YACvB,EAAU,GAAG,EAAS,EAAE;YACxB,EAAU,GAAG,EAAS;WACvB,CAAC,CAAC,kBAN8B,IAA0D,CAOrG,EAAoB,EAAQ,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,eAAe,GAAK,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,aAAa,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,EAAE,eAAe,GAAK,CAAC,CAAC"}