SVGs.tsx

import React from "react";
import SVG1 from "./SVG/svg1.svg";

export default [ // Collection of Artworks that will be displayed
  SVG1,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"red"} />
  </svg>,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"pink"} />
  </svg>,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"black"} />
  </svg>,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"brown"} />
  </svg>,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"purple"} />
  </svg>,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"yellow"} />
  </svg>,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"green"} />
  </svg>,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"gray"} />
  </svg>,
  <svg viewBox={"0 0 200 80"}>
    <rect width={"200"} height={80} fill={"teal"} />
  </svg>,
  // TODO: ADD SVGS IN HERE
];