{"version":3,"file":"Line_pattern.CDF1NBzQ.mjs","names":[],"sources":["https:/framerusercontent.com/modules/3DsxeIvL7dfMdbqcTS31/oK1Nz1kuvK9jsrrvvIH6/Line_pattern.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{Frame,addPropertyControls,ControlType}from\"framer\";export function LinePattern(props){const{lineColor,rotation,lineWidth,lineSpacing}=props;const patternStyle={background:`repeating-linear-gradient(${rotation}deg, ${lineColor}, ${lineColor} ${lineWidth}px, transparent ${lineWidth}px, transparent ${lineSpacing}px)`,width:\"100%\",height:\"100%\"};return /*#__PURE__*/_jsx(Frame,{size:\"100%\",background:\"transparent\",style:patternStyle});}LinePattern.defaultProps={lineColor:\"#000000\",rotation:45,lineWidth:2,lineSpacing:10};addPropertyControls(LinePattern,{lineColor:{type:ControlType.Color,title:\"Line Color\"},rotation:{type:ControlType.Number,title:\"Rotation\",min:0,max:360,step:1},lineWidth:{type:ControlType.Number,title:\"Line Width\",min:1,max:20,step:1},lineSpacing:{type:ControlType.Number,title:\"Line Spacing\",min:1,max:50,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"LinePattern\":{\"type\":\"reactComponent\",\"name\":\"LinePattern\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Line_pattern.map"],"mappings":"4OAAqG,SAAgB,EAAY,EAAM,CAAC,GAAK,CAAC,YAAU,WAAS,YAAU,cAAY,CAAC,EAAY,EAAa,CAAC,YAAY,4BAA4B,EAAS,OAAO,EAAU,IAAI,EAAU,GAAG,EAAU,kBAAkB,EAAU,kBAAkB,EAAY,KAAK,MAAM,OAAO,OAAO,MAAO,EAAC,MAAoB,GAAK,EAAM,CAAC,KAAK,OAAO,WAAW,cAAc,MAAM,CAAa,EAAC,AAAE,cAAsF,AAA3jB,GAA2C,IAA0D,CAAgY,EAAY,aAAa,CAAC,UAAU,UAAU,SAAS,GAAG,UAAU,EAAE,YAAY,EAAG,EAAC,EAAoB,EAAY,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,YAAa,EAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,IAAI,EAAE,IAAI,IAAI,KAAK,CAAE,EAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,IAAI,EAAE,IAAI,GAAG,KAAK,CAAE,EAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,KAAK,CAAE,CAAC,EAAC"}