1import React from 'react';
2
3export const SnackImage = () => (
4  <svg
5    style={{
6      position: 'absolute',
7      right: 20,
8      bottom: 24,
9    }}
10    width="80"
11    height="81"
12    viewBox="0 0 80 81"
13    fill="none"
14    xmlns="http://www.w3.org/2000/svg">
15    <g filter="url(#f0cd9fa4924e22267af4fdde31d18ea1)">
16      <circle
17        cx="68.2409"
18        cy="15.9358"
19        r="11.6439"
20        css={{ fill: 'var(--purple7)', '.dark-theme &': { fill: 'var(--purple11)' } }}
21      />
22    </g>
23    <g>
24      <path
25        d="M34.9717 40.887V80.8089L0.0400391 60.8479V20.926L34.9717 40.887Z"
26        css={{ fill: 'var(--purple8)', '.dark-theme &': { fill: 'var(--purple8)' } }}
27      />
28      <path
29        d="M51.607 32.5704V10.946L34.9729 20.9265V40.8875L51.607 32.5704Z"
30        css={{ fill: 'var(--purple11)', '.dark-theme &': { fill: 'var(--purple6)' } }}
31      />
32      <path
33        d="M68.2403 40.8871L51.6062 32.5701L36.6355 40.8871L51.6062 49.2042L68.2403 40.8871Z"
34        fill="var(--purple8)"
35      />
36      <path
37        d="M34.9729 40.8871V80.809L68.2412 60.848V40.8871L51.607 49.2042V30.9066L34.9729 40.8871Z"
38        css={{ fill: 'var(--purple11)', '.dark-theme &': { fill: 'var(--purple6)' } }}
39      />
40      <path
41        d="M34.9723 0.964966L0.0406494 20.9259L34.9723 40.8869L51.6064 30.9064L34.9723 20.9259L51.6064 10.9454L34.9723 0.964966Z"
42        css={{ fill: 'var(--purple7)', '.dark-theme &': { fill: 'var(--purple11)' } }}
43      />
44    </g>
45    <defs>
46      <filter
47        id="f0cd9fa4924e22267af4fdde31d18ea1"
48        x="56.597"
49        y="1.57089"
50        width="23.2878"
51        height="26.0087"
52        filterUnits="userSpaceOnUse"
53        colorInterpolationFilters="sRGB">
54        <feFlood floodOpacity="0" result="BackgroundImageFix" />
55        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
56        <feColorMatrix
57          in="SourceAlpha"
58          type="matrix"
59          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
60          result="hardAlpha"
61        />
62        <feOffset dy="-2.72098" />
63        <feGaussianBlur stdDeviation="2.72098" />
64        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
65        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
66        <feBlend mode="normal" in2="shape" result="effect1_innerShadow_39:1494" />
67      </filter>
68    </defs>
69  </svg>
70);
71