import React from "react";
import { color } from "./constants";

const GradientSVG = (props) => {
  return (
    <>
      <svg style={{ height: "0px", width: "0px" }}>
        <defs>
          <linearGradient id="gradientSVGPositive">
            <stop {...color.positive[0]} />
            <stop {...color.positive[1]} />
          </linearGradient>
        </defs>
      </svg>
      <svg style={{ height: "0px", width: "0px" }}>
        <defs>
          <linearGradient id="gradientSVGNegative">
            <stop {...color.negative[0]} />
            <stop {...color.negative[1]} />
          </linearGradient>
        </defs>
      </svg>
      <svg style={{ height: "0px", width: "0px" }}>
        <defs>
          <linearGradient id="gradientSVGSideways">
            <stop {...color.sideways[0]} />
            <stop {...color.sideways[1]} />
          </linearGradient>
        </defs>
      </svg>
    </>
  );
};

GradientSVG.propTypes = {};

export default GradientSVG;