import * as React from 'react';
import { AnimatedLine } from "./styles";

const StepLine = ({ x1, x2, y, color, className }) => {
	return (
		<AnimatedLine
			className={className}
			width={Math.abs(x2 - x1)}
			strokeWidth={2}
			stroke={color}
			d={`M${x1} ${y} H ${x2}`}
		/>
	)
};

export default StepLine;