import React from 'react';
import cn from 'classnames';

interface Props {
  left: number;
  className?: string;
  height?: string;
  width?: string;
}
function VerticalLine(props: Props) {
  const {
    left,
    className = 'border-gray-dark',
    height = '100%',
    width = '1px',
  } = props;
  return (
    <div
      className={cn('absolute border-r border-dashed z-10', className)}
      style={{ left: `${left}%`, height, width }}
    />
  );
}

export default VerticalLine;
