{"version":3,"file":"Line_pattern.DL4RYhez.mjs","names":[],"sources":["https:/framerusercontent.com/modules/BLvjWuNKHl60M2YJ9BKP/lQsQiyt44IFKASVVYQWO/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":"oKAAqG,SAAgB,EAAY,EAAM,CAAC,GAAK,CAAC,YAAU,WAAS,YAAU,eAAa,EAAkN,OAAoB,EAAK,EAAM,CAAC,KAAK,OAAO,WAAW,cAAc,MAAM,CAAnQ,WAAW,6BAA6B,EAAS,OAAO,EAAU,IAAI,EAAU,GAAG,EAAU,kBAAkB,EAAU,kBAAkB,EAAY,KAAK,MAAM,OAAO,OAAO,MAA8F,CAAC,CAAC,CAAE,iBAA1b,IAA0D,EAAiY,EAAY,aAAa,CAAC,UAAU,UAAU,SAAS,GAAG,UAAU,EAAE,YAAY,EAAE,EAAE,EAAoB,EAAY,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,YAAY,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC"}