// @flow
import React from 'react';

type Props = {
  className?: string,
}

const PinkOrangeGradientLine = ({ className }: Props) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="196" height="6" viewBox="0 0 196 6" className={className}>
    <defs>
      <linearGradient id="prefix__a" x1="100%" x2="0%" y1="50.045%" y2="49.955%">
        <stop offset="0%" stopColor="#ED1F7A" />
        <stop offset="100%" stopColor="#F44D44" />
      </linearGradient>
    </defs>
    <path fill="url(#prefix__a)" fillRule="evenodd" d="M494.006 59h186.49c.95 0 1.72.77 1.72 1.718 0 .49-.21.956-.574 1.282l-1.65 1.475c-1.1.982-2.524 1.525-3.998 1.525h-186.49c-.95 0-1.72-.77-1.72-1.718 0-.49.21-.956.574-1.282l1.65-1.475c1.1-.982 2.524-1.525 3.998-1.525z" transform="translate(-487 -59)" />
  </svg>
);

PinkOrangeGradientLine.defaultProps = {
  className: '',
};

export default PinkOrangeGradientLine;