text: /**
   *
   * This file was generated with Adobe XD React Exporter
   * Exporter for Adobe XD is written by: Johannes Pichler <j.pichler@webpixels.at>
   *
   **/
  
  import React from "react";
  import Svg, {
    Defs,
    Pattern,
    Image,
    ClipPath,
    Rect,
    G,
    Text,
    TSpan,
    Path
  } from "react-native-svg";
  /* Adobe XD React Exporter has dropped some elements not supported by react-native-svg: style */
  
  const HistoryComponent = () => (
    <Svg width={375} height={812} viewBox="0 0 375 812">
      <Defs>
        <Pattern
          id="a"
          preserveAspectRatio="xMidYMid slice"
          width="100%"
          height="100%"
          viewBox="0 0 1200 1800"
        >
          <Image
            width={1200}
            height={1800}
            xlinkHref="ComponentTMP_3-image.jpg"
          />
        </Pattern>
        <ClipPath id="b">
          <Rect className="a" width={375} height={717} />
        </ClipPath>
        <Pattern
          id="c"
          preserveAspectRatio="xMidYMid slice"
          width="100%"
          height="100%"
          viewBox="0 0 1200 2300"
        >
          <Image
            width={1200}
            height={2300}
            xlinkHref="ComponentTMP_3-image2.jpg"
          />
        </Pattern>
        <ClipPath id="e">
          <Rect width={375} height={812} />
        </ClipPath>
      </Defs>
      <G id="d" className="b">
        <Rect className="c" width={375} height={812} />
        <Rect className="c" width={375} height={812} />
        <Rect className="d" width={375} height={50} />
        <Rect className="e" width={50} height={50} />
        <G transform="translate(-381.478 -481)">
          <Rect
            className="c"
            width={16}
            height={2}
            rx={1}
            transform="translate(398.477 500)"
          />
          <Rect
            className="c"
            width={16}
            height={2}
            rx={1}
            transform="translate(398.477 505)"
          />
          <Rect
            className="c"
            width={16}
            height={2}
            rx={1}
            transform="translate(398.477 510)"
          />
        </G>
        <Text className="f" transform="translate(113 17)">
          <TSpan x={14.289} y={14}>
            {"PREVIOUS LISTS"}
          </TSpan>
        </Text>
        <Path
          className="c"
          d="M253.789,623.242a1,1,0,0,1-.529-.152c-.346-.216-8.471-5.357-8.471-10.848a5.006,5.006,0,0,1,5-5,5.07,5.07,0,0,1,4,2.08,5.072,5.072,0,0,1,4-2.08,5.006,5.006,0,0,1,5,5c0,5.492-8.124,10.632-8.47,10.848A1,1,0,0,1,253.789,623.242Zm-4-14a3,3,0,0,0-3,3c0,3.363,4.643,7.207,7,8.806,2.357-1.6,7-5.443,7-8.806a3,3,0,0,0-3-3,3.163,3.163,0,0,0-3,3,1,1,0,1,1-2,0A3.163,3.163,0,0,0,249.789,609.242Z"
          transform="translate(94.211 -590.242)"
        />
        <G transform="translate(-374 101)">
          <Rect
            className="c"
            width={375}
            height={762}
            transform="translate(158)"
          />
          <Rect
            className="g"
            width={375}
            height={313}
            transform="translate(0 398)"
          />
          <Text className="h" transform="translate(66 333)">
            <TSpan x={55.13} y={12}>
              {"NO FOOD WASTED"}
            </TSpan>
          </Text>
          <G transform="translate(71 4)">
            <Path className="i" d="M0,0H233V50H0Z" />
            <Text className="j" transform="translate(117 31)">
              <TSpan x={-73.668} y={0}>
                {"SHOP FOR HERBS"}
              </TSpan>
            </Text>
          </G>
          <G transform="translate(71 83)">
            <Path className="k" d="M0,0H233V50H0Z" />
            <Text className="j" transform="translate(117 31)">
              <TSpan x={-98.126} y={0}>
                {"JOIN OUR WORKSHOPS"}
              </TSpan>
            </Text>
          </G>
          <G transform="translate(71 162)">
            <Path className="d" d="M0,0H233V50H0Z" />
            <Text className="j" transform="translate(117 31)">
              <TSpan x={-89.222} y={0}>
                {"USE PREVIOUS LISTS"}
              </TSpan>
            </Text>
          </G>
        </G>
        <G className="l" transform="translate(0 95)">
          <Rect className="m" width={375} height={717} />
          <G transform="translate(0 -95)">
            <Text className="n" transform="translate(65 123)">
              <TSpan x={32.35} y={25}>
                {"MAY 3 2020"}
              </TSpan>
            </Text>
            <Text className="o" transform="translate(137 168)">
              <TSpan x={20.26} y={20}>
                {"VIEW"}
              </TSpan>
            </Text>
          </G>
          <G transform="translate(0 43)">
            <Text className="n" transform="translate(65 123)">
              <TSpan x={16.338} y={25}>
                {"JUNE 10 2020"}
              </TSpan>
            </Text>
            <Text className="o" transform="translate(137 168)">
              <TSpan x={20.26} y={20}>
                {"VIEW"}
              </TSpan>
            </Text>
          </G>
          <G transform="translate(0 181)">
            <Text className="n" transform="translate(65 123)">
              <TSpan x={15.013} y={25}>
                {"JUNE 25 2020"}
              </TSpan>
            </Text>
            <Text className="o" transform="translate(137 168)">
              <TSpan x={20.26} y={20}>
                {"VIEW"}
              </TSpan>
            </Text>
          </G>
          <G transform="translate(0 319)">
            <Text className="n" transform="translate(65 123)">
              <TSpan x={20.1} y={25}>
                {"JULY 18 2020"}
              </TSpan>
            </Text>
            <Text className="o" transform="translate(137 168)">
              <TSpan x={20.26} y={20}>
                {"VIEW"}
              </TSpan>
            </Text>
          </G>
          <G transform="translate(0 457)">
            <Text className="n" transform="translate(45 123)">
              <TSpan x={18.388} y={25}>
                {"AUGUST 16 2020"}
              </TSpan>
            </Text>
            <Text className="o" transform="translate(137 168)">
              <TSpan x={20.26} y={20}>
                {"VIEW"}
              </TSpan>
            </Text>
          </G>
        </G>
      </G>
    </Svg>
  );
  
  export default HistoryComponent;
  