@abhijeet42cy6/vector-lines/index.d.ts

Reusable 3-line vector pattern (27×26 Y-shape) for React projects

import { CSSProperties } from 'react';

interface Point {
  x: number;
  y: number;
}

interface ThreeLinePatternProps {
  /** Color of the pattern lines */
  lineColor?: string;
  /** Width of the lines in pixels */
  lineWidth?: number;
  /** Space between pattern repetitions */
  spacing?: number;
  /** Additional CSS styles to apply */
  style?: CSSProperties;
  /** Start coordinates for vertical line */
  line1Start?: Point;
  /** End coordinates for vertical line */
  line1End?: Point;
  /** Start coordinates for horizontal line */
  line2Start?: Point;
  /** End coordinates for horizontal line */
  line2End?: Point;
  /** Start coordinates for diagonal line */
  line3Start?: Point;
  /** End coordinates for diagonal line */
  line3End?: Point;
}

declare const ThreeLinePattern: React.FC<ThreeLinePatternProps>;

export default ThreeLinePattern;