import React from 'react';
import { StyleSheet } from 'react-native';
import Svg, { Line as SVGLine, LineProps } from 'react-native-svg';

export type CandlestickChartLineProps = Omit<LineProps, 'x' | 'y'> & {
  color?: string;
  x: number;
  y: number;
};

export const CandlestickChartLine = ({
  color = 'gray',
  x,
  y,
  ...props
}: CandlestickChartLineProps) => {
  return (
    <Svg style={StyleSheet.absoluteFill}>
      <SVGLine
        x1={0}
        y1={0}
        x2={x}
        y2={y}
        strokeWidth={2}
        stroke={color}
        strokeDasharray="6 6"
        {...props}
      />
    </Svg>
  );
};