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 IngredientlistComponent = () => (
    <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_16-image.jpg"
          />
        </Pattern>
        <ClipPath id="c">
          <Rect width={375} height={812} />
        </ClipPath>
      </Defs>
      <G id="b" className="a">
        <Rect className="b" width={375} height={812} />
        <Rect className="b" width={375} height={812} />
        <Rect
          className="c"
          width={375}
          height={545}
          transform="translate(0 267)"
        />
        <Rect className="d" width={50} height={50} />
        <Text className="e" transform="translate(50 259)">
          <TSpan x={111.033} y={15}>
            {"Chicken"}
          </TSpan>
          <TSpan x={111.677} y={39}>
            {"Lettuce"}
          </TSpan>
          <TSpan x={120.94} y={63}>
            {"Flour"}
          </TSpan>
          <TSpan x={116.215} y={87}>
            {"Butter"}
          </TSpan>
          <TSpan x={121.922} y={111}>
            {"Eggs"}
          </TSpan>
          <TSpan x={124.57} y={135}>
            {"Salt"}
          </TSpan>
          <TSpan x={113.747} y={159}>
            {"Pepper"}
          </TSpan>
          <TSpan x={137.5} y={183} />
        </Text>
        <Text className="f" transform="translate(63 89)">
          <TSpan x={72.056} y={11}>
            {"our sources say"}
          </TSpan>
        </Text>
        <G transform="translate(71 495)">
          <Path className="g" d="M0,0H233V50H0Z" />
          <Text className="h" transform="translate(117 31)">
            <TSpan x={-61.705} y={0}>
              {"FIND A RECIPE"}
            </TSpan>
          </Text>
        </G>
        <G transform="translate(-199.225 -600.089)">
          <G transform="translate(219.225 617.089)">
            <Path
              className="b"
              d="M227.414,633.778l-8.189-8.189,8.189-8.189a1.063,1.063,0,0,1,1.5,0h0a1.061,1.061,0,0,1,0,1.5l-6.686,6.686,6.686,6.687a1.061,1.061,0,0,1,0,1.5h0A1.061,1.061,0,0,1,227.414,633.778Z"
              transform="translate(-219.225 -617.09)"
            />
          </G>
        </G>
        <Text className="i" transform="translate(48 103)">
          <TSpan x={81.253} y={26}>
            {"you have:"}
          </TSpan>
        </Text>
      </G>
    </Svg>
  );
  
  export default IngredientlistComponent;
  