1 | import { memo } from 'react';
|
---|
2 | // @mui
|
---|
3 | import { useTheme } from '@mui/material/styles';
|
---|
4 | import Box, { BoxProps } from '@mui/material/Box';
|
---|
5 | //
|
---|
6 | import BackgroundShape from './background-shape';
|
---|
7 |
|
---|
8 | // ----------------------------------------------------------------------
|
---|
9 |
|
---|
10 | function UploadIllustration({ ...other }: BoxProps) {
|
---|
11 | const theme = useTheme();
|
---|
12 |
|
---|
13 | const PRIMARY_MAIN = theme.palette.primary.main;
|
---|
14 |
|
---|
15 | const PRIMARY_DARK = theme.palette.primary.dark;
|
---|
16 |
|
---|
17 | const PRIMARY_DARKER = theme.palette.primary.darker;
|
---|
18 |
|
---|
19 | return (
|
---|
20 | <Box
|
---|
21 | component="svg"
|
---|
22 | width="100%"
|
---|
23 | height="100%"
|
---|
24 | viewBox="0 0 480 360"
|
---|
25 | xmlns="http://www.w3.org/2000/svg"
|
---|
26 | {...other}
|
---|
27 | >
|
---|
28 | <BackgroundShape />
|
---|
29 |
|
---|
30 | <defs>
|
---|
31 | <linearGradient id="linearGradient-2" x1="30.113%" x2="30.113%" y1="0%" y2="100%">
|
---|
32 | <stop offset="0%" stopOpacity="0" />
|
---|
33 | <stop offset="100%" />
|
---|
34 | </linearGradient>
|
---|
35 | </defs>
|
---|
36 |
|
---|
37 | <path
|
---|
38 | fill="#FF4842"
|
---|
39 | fillRule="nonzero"
|
---|
40 | d="M293.006 206.192c-2.248 2.672-4.676 2.628-6.123 2.251l.054-1.384s5.979-2.733 5.827-2.159c-.057.215.057.733.242 1.292zM309.393 209.217c-3.818 2.206-6.058-.38-6.578-1.112.32-.84.801-2.204.703-2.592-.144-.577 5.827 2.155 5.827 2.155l.048 1.549zM305.303 187.204s3.632-2.093 4.425-1.151c.792.942-4.425 1.151-4.425 1.151zM307.497 188.355s-.598.299.721.681c1.318.383-.721-.681-.721-.681zM285.532 182.599c-.123.036 3.022 2.123 5.862.395-.012 0-5.154-.61-5.862-.395zM291.239 186.591s-.861 1.692-2.625 1.943c-1.764.251 2.625-1.943 2.625-1.943zM302.785 190.262s4.138 6.578 3.346 8.129c-.793 1.552-3.346-8.129-3.346-8.129zM294.62 216.416c0 .368 0 .712-.036.996-.107 1.33-3.381.828-3.381.828-2.99.416-4.066-1.019-4.422-2.392a5.444 5.444 0 01-.164-1.363 5.606 5.606 0 01.054-.819v-.272a1.998 1.998 0 011.859.379c1.331 1.08 3.095.252 3.095.252s1.294.107 1.793.538c.281.242.745-.341 1.098-.897.021.359.054 1.007.074 1.701.024.356.03.714.03 1.049z"
|
---|
41 | opacity="0.05"
|
---|
42 | />
|
---|
43 |
|
---|
44 | <path
|
---|
45 | fill="#FF4842"
|
---|
46 | fillRule="nonzero"
|
---|
47 | d="M289.37 216.339s-.897.879-2.589-.479a5.444 5.444 0 01-.164-1.363c.864.658 2.466 1.842 2.753 1.842zM294.62 216.416a.67.67 0 01-.519.132.672.672 0 01-.452-.287c.348-.266.669-.566.956-.897.009.359.015.717.015 1.052zM301.637 217.032c0 .371 0 .715.033.996.108 1.333 3.382.828 3.382.828 2.989.419 4.066-1.017 4.421-2.392a5.728 5.728 0 00.111-2.182v-.272a2.024 2.024 0 00-1.862.379c-1.331 1.08-3.092.251-3.092.251s-1.294.111-1.794.542c-.281.242-.744-.341-1.094-.897a61.426 61.426 0 00-.078 1.701c-.024.35-.03.708-.027 1.046z"
|
---|
48 | opacity="0.05"
|
---|
49 | />
|
---|
50 |
|
---|
51 | <path
|
---|
52 | fill="#FF4842"
|
---|
53 | fillRule="nonzero"
|
---|
54 | d="M306.887 216.949s.897.879 2.587-.479c.112-.444.169-.901.167-1.36-.867.655-2.47 1.839-2.754 1.839zM301.637 217.032a.67.67 0 00.969-.155 6.35 6.35 0 01-.957-.897c-.009.356-.014.714-.012 1.052zM319.614 106.269c.063-.138.123-.275.18-.41.057-.134.077-.209.11-.317-.11.237-.206.48-.29.727z"
|
---|
55 | opacity="0.05"
|
---|
56 | />
|
---|
57 |
|
---|
58 | <path
|
---|
59 | fill={PRIMARY_DARKER}
|
---|
60 | fillRule="nonzero"
|
---|
61 | d="M157.592 279.461a4.114 4.114 0 01-.917-3.131l13.196-107.979 1.094-8.97a4.142 4.142 0 014.078-3.635l38.654-.257a4.135 4.135 0 004.108-4.249l-.015-.409a4.14 4.14 0 014.135-4.279h40.619a4.134 4.134 0 014.098 4.682 4.137 4.137 0 003.995 4.682l39.01.996a4.13 4.13 0 013.97 4.831l-19.502 113.909-.368 2.152a4.042 4.042 0 01-.598 1.543l-135.557.114z"
|
---|
62 | />
|
---|
63 |
|
---|
64 | <path
|
---|
65 | fill="#FFF"
|
---|
66 | fillRule="nonzero"
|
---|
67 | d="M251.256817 123.296578L274.098317 123.296578 274.098317 200.823078 251.256817 200.823078z"
|
---|
68 | transform="rotate(34.64 262.678 162.06)"
|
---|
69 | />
|
---|
70 |
|
---|
71 | <path
|
---|
72 | fill="#FFC107"
|
---|
73 | fillRule="nonzero"
|
---|
74 | d="M270.624591 129.857671L286.750291 129.857671 286.750291 145.983371 270.624591 145.983371z"
|
---|
75 | transform="rotate(34.804 278.687 137.92)"
|
---|
76 | />
|
---|
77 |
|
---|
78 | <path
|
---|
79 | fill="#FFC107"
|
---|
80 | fillRule="nonzero"
|
---|
81 | d="M260.275579 145.813111L276.423079 145.813111 276.423079 161.960611 260.275579 161.960611z"
|
---|
82 | opacity="0.5"
|
---|
83 | transform="rotate(34.64 268.35 153.887)"
|
---|
84 | />
|
---|
85 |
|
---|
86 | <path
|
---|
87 | fill="#FFC107"
|
---|
88 | fillRule="nonzero"
|
---|
89 | d="M249.191579 161.852111L265.339079 161.852111 265.339079 177.999611 249.191579 177.999611z"
|
---|
90 | opacity="0.3"
|
---|
91 | transform="rotate(34.64 257.265 169.926)"
|
---|
92 | />
|
---|
93 |
|
---|
94 | <path
|
---|
95 | fill="#FFF"
|
---|
96 | fillRule="nonzero"
|
---|
97 | d="M237.472537 121.334214L260.314037 121.334214 260.314037 198.567714 237.472537 198.567714z"
|
---|
98 | transform="rotate(16.29 248.893 159.951)"
|
---|
99 | />
|
---|
100 |
|
---|
101 | <path
|
---|
102 | fill="#FF4842"
|
---|
103 | fillRule="nonzero"
|
---|
104 | d="M249.053192 123.761554L265.200692 123.761554 265.200692 139.909054 249.053192 139.909054z"
|
---|
105 | transform="rotate(16.29 257.127 131.835)"
|
---|
106 | />
|
---|
107 |
|
---|
108 | <path
|
---|
109 | fill="#FF4842"
|
---|
110 | fillRule="nonzero"
|
---|
111 | d="M243.584192 142.473554L259.731692 142.473554 259.731692 158.621053 243.584192 158.621053z"
|
---|
112 | opacity="0.5"
|
---|
113 | transform="rotate(16.29 251.658 150.547)"
|
---|
114 | />
|
---|
115 |
|
---|
116 | <path
|
---|
117 | fill="#FF4842"
|
---|
118 | fillRule="nonzero"
|
---|
119 | d="M238.116192 161.182554L254.263692 161.182554 254.263692 177.330054 238.116192 177.330054z"
|
---|
120 | opacity="0.3"
|
---|
121 | transform="rotate(16.29 246.19 169.256)"
|
---|
122 | />
|
---|
123 |
|
---|
124 | <path
|
---|
125 | fill="#FFF"
|
---|
126 | fillRule="nonzero"
|
---|
127 | d="M230.099192 121.641542L252.940692 121.641542 252.940692 198.875042 230.099192 198.875042z"
|
---|
128 | transform="rotate(4.6 241.52 160.258)"
|
---|
129 | />
|
---|
130 |
|
---|
131 | <path
|
---|
132 | fill="#1890FF"
|
---|
133 | fillRule="nonzero"
|
---|
134 | d="M235.800489 122.985499L251.947989 122.985499 251.947989 139.132999 235.800489 139.132999z"
|
---|
135 | transform="rotate(4.6 243.874 131.06)"
|
---|
136 | />
|
---|
137 |
|
---|
138 | <path
|
---|
139 | fill="#1890FF"
|
---|
140 | fillRule="nonzero"
|
---|
141 | d="M234.234488 142.413498L250.381988 142.413498 250.381988 158.560998 234.234488 158.560998z"
|
---|
142 | opacity="0.5"
|
---|
143 | transform="rotate(4.6 242.308 150.487)"
|
---|
144 | />
|
---|
145 |
|
---|
146 | <path
|
---|
147 | fill="#1890FF"
|
---|
148 | fillRule="nonzero"
|
---|
149 | d="M232.672488 161.846499L248.819988 161.846499 248.819988 177.993999 232.672488 177.993999z"
|
---|
150 | opacity="0.3"
|
---|
151 | transform="rotate(4.6 240.746 169.92)"
|
---|
152 | />
|
---|
153 |
|
---|
154 | <path
|
---|
155 | fill="#FFF"
|
---|
156 | fillRule="nonzero"
|
---|
157 | d="M224.736657 123.384871L247.578157 123.384871 247.578157 200.618371 224.736657 200.618371z"
|
---|
158 | transform="rotate(-2.61 236.157 162.002)"
|
---|
159 | />
|
---|
160 |
|
---|
161 | <path
|
---|
162 | fill={PRIMARY_MAIN}
|
---|
163 | fillRule="nonzero"
|
---|
164 | d="M226.751283 124.659968L242.898783 124.659968 242.898783 140.807468 226.751283 140.807468z"
|
---|
165 | transform="rotate(-2.61 234.825 132.734)"
|
---|
166 | />
|
---|
167 |
|
---|
168 | <path
|
---|
169 | fill={PRIMARY_MAIN}
|
---|
170 | fillRule="nonzero"
|
---|
171 | d="M228.305601 143.479224L244.473301 143.479224 244.473301 159.646924 228.305601 159.646924z"
|
---|
172 | opacity="0.5"
|
---|
173 | transform="rotate(-2.862 236.39 151.563)"
|
---|
174 | />
|
---|
175 |
|
---|
176 | <path
|
---|
177 | fill={PRIMARY_MAIN}
|
---|
178 | fillRule="nonzero"
|
---|
179 | d="M228.525282 163.608968L244.672782 163.608968 244.672782 179.756468 228.525282 179.756468z"
|
---|
180 | opacity="0.3"
|
---|
181 | transform="rotate(-2.61 236.599 171.683)"
|
---|
182 | />
|
---|
183 |
|
---|
184 | <path
|
---|
185 | fill="#F4F6F8"
|
---|
186 | fillRule="nonzero"
|
---|
187 | d="M232.679 225.726l-20.294 7.851-29.661 11.466c-1.121-2.093-2.771-4.921-4.813-8.297-7.026-11.642-18.65-29.75-29.001-45.665-11.66-17.938-21.696-33.075-21.696-33.075l7.265-2.093 59.346-17.23 38.854 87.043z"
|
---|
188 | />
|
---|
189 |
|
---|
190 | <path
|
---|
191 | fill="#000"
|
---|
192 | fillRule="nonzero"
|
---|
193 | d="M232.679 225.726l-20.294 7.851a152.535 152.535 0 01-34.484 3.169c-7.026-11.642-18.65-29.75-29-45.665l-14.42-35.18 59.343-17.218 38.855 87.043z"
|
---|
194 | opacity="0.1"
|
---|
195 | />
|
---|
196 |
|
---|
197 | <path
|
---|
198 | fill={PRIMARY_MAIN}
|
---|
199 | fillRule="nonzero"
|
---|
200 | d="M247.777 220.841s-31.526 18.65-78.596 14.432l-37.525-91.486 17.984-3.091 62.168-10.677 35.279 89.043.69 1.779z"
|
---|
201 | />
|
---|
202 |
|
---|
203 | <path
|
---|
204 | fill="#FF4842"
|
---|
205 | fillRule="nonzero"
|
---|
206 | d="M247.075 219.074c-7.424.365-16.013.329-24.654-.702-9.351-1.101-18.757-3.367-26.82-7.523-6.742-3.471-12.506-7.247-17.532-11.776-13.074-11.759-21.164-28.579-28.429-58.365l62.168-10.677 35.267 89.043z"
|
---|
207 | opacity="0.1"
|
---|
208 | />
|
---|
209 |
|
---|
210 | <path
|
---|
211 | fill="#FFF"
|
---|
212 | fillRule="nonzero"
|
---|
213 | d="M270.203 213.959s-23.239 4.55-46.894 1.749c-9.351-1.1-18.757-3.367-26.82-7.522-6.742-3.471-12.503-7.247-17.532-11.777-16.181-14.557-24.725-36.866-33.536-81.918 0 0 38.633 9.325 76.836-11.101-.012.015 12.865 80.373 47.946 110.569z"
|
---|
214 | />
|
---|
215 |
|
---|
216 | <path
|
---|
217 | fill={PRIMARY_MAIN}
|
---|
218 | fillRule="nonzero"
|
---|
219 | d="M165.405 131.03s31.416-1.776 40.187-8.548l1.331 4.276s-20.758 9.157-41.518 9.268v-4.996zM165.405 152.137s30.417-1.665 53.399-12.766l.777 1.776s-18.237 10.647-54.176 13.433v-2.443zM167.853 160.362s30.418-1.665 53.397-12.766l.777 1.776s-18.237 10.643-54.174 13.433v-2.443zM170.299 168.599s30.417-1.666 53.399-12.766l.774 1.775s-18.237 10.647-54.173 13.433v-2.442zM172.748 176.835s30.417-1.665 53.396-12.766l.777 1.776s-18.237 10.647-54.173 13.433v-2.443zM175.193 185.075s30.417-1.665 53.399-12.766l.774 1.776s-18.237 10.643-54.173 13.433v-2.443z"
|
---|
220 | opacity="0.3"
|
---|
221 | />
|
---|
222 |
|
---|
223 | <path
|
---|
224 | fill={PRIMARY_MAIN}
|
---|
225 | fillRule="nonzero"
|
---|
226 | d="M389.069 287.344s-12.641-.762-11.152 8.097c0 0-.299 1.563 1.124 2.275 0 0 .021-.658 1.295-.434.454.077.916.099 1.375.066a2.832 2.832 0 001.677-.694c.468-.409 3.555-1.468 4.936-7.274 0 0 1.023-1.267.981-1.593l-2.132.897s.73 1.54.156 2.816c0 0-.069-2.759-.479-2.691-.083 0-1.109.533-1.109.533s1.253 2.69.299 4.628c0 0 .359-3.304-.699-4.434l-1.495.876s1.465 2.768.472 5.029c0 0 .254-3.465-.789-4.817l-1.361 1.062s1.379 2.729.539 4.604c0 0-.111-4.036-.835-4.341 0 0-1.195 1.049-1.369 1.494 0 0 .942 1.98.356 3.026 0 0-.359-2.691-.652-2.691 0 0-1.196 1.794-1.309 2.99 0 0 .051-1.818 1.022-3.172a3.593 3.593 0 00-1.818.942s.186-1.262 2.111-1.37c0 0 .981-1.351 1.241-1.435 0 0-1.914-.158-3.074.356 0 0 1.023-1.196 3.427-.649l1.342-1.094s-2.52-.347-3.588.036c0 0 1.229-1.052 3.95-.299l1.462-.873s-2.147-.463-3.426-.299c0 0 1.348-.729 3.856.06l1.044-.47s-1.573-.299-2.033-.358c-.461-.06-.488-.174-.488-.174a5.426 5.426 0 012.957.329s2.222-.813 2.186-.954z"
|
---|
227 | />
|
---|
228 |
|
---|
229 | <ellipse
|
---|
230 | cx="380.363"
|
---|
231 | cy="298.487"
|
---|
232 | fill={PRIMARY_MAIN}
|
---|
233 | fillRule="nonzero"
|
---|
234 | opacity="0.1"
|
---|
235 | rx="8.945"
|
---|
236 | ry="1.513"
|
---|
237 | />
|
---|
238 |
|
---|
239 | <path
|
---|
240 | fill={PRIMARY_MAIN}
|
---|
241 | fillRule="nonzero"
|
---|
242 | d="M394.956 258.102s-7.125-.43-6.279 4.565a1.218 1.218 0 00.631 1.283s.015-.371.733-.245c.255.042.515.054.774.036.349-.023.681-.159.945-.389.264-.23 2.003-.828 2.783-4.102 0 0 .577-.714.553-.897l-1.196.511s.41.87.087 1.591c0 0-.039-1.558-.269-1.522-.048 0-.625.299-.625.299s.706 1.495.173 2.61c0 0 .204-1.862-.394-2.502l-.846.496s.825 1.561.266 2.834c0 0 .143-1.955-.446-2.714l-.765.598s.774 1.539.299 2.595c0 0-.063-2.275-.469-2.446a4.75 4.75 0 00-.775.834s.532 1.118.204 1.707c0 0-.204-1.515-.368-1.521 0 0-.67 1.001-.739 1.689a3.671 3.671 0 01.577-1.794 2.007 2.007 0 00-1.025.532s.104-.711 1.196-.771c0 0 .553-.763.699-.81 0 0-1.079-.09-1.734.2 0 0 .577-.67 1.932-.365l.759-.619s-1.423-.194-2.024.021c0 0 .694-.598 2.227-.161l.826-.494a7.445 7.445 0 00-1.935-.164s.763-.413 2.174.033l.598-.263s-.897-.177-1.148-.203c-.252-.027-.275-.099-.275-.099a3.078 3.078 0 011.668.185s1.232-.46 1.208-.538z"
|
---|
243 | />
|
---|
244 |
|
---|
245 | <ellipse
|
---|
246 | cx="390.052"
|
---|
247 | cy="264.383"
|
---|
248 | fill={PRIMARY_MAIN}
|
---|
249 | fillRule="nonzero"
|
---|
250 | opacity="0.1"
|
---|
251 | rx="5.044"
|
---|
252 | ry="1"
|
---|
253 | />
|
---|
254 |
|
---|
255 | <path
|
---|
256 | fill={PRIMARY_MAIN}
|
---|
257 | fillRule="nonzero"
|
---|
258 | d="M352.896 262.437s-8.604-.52-7.588 5.51a1.47 1.47 0 00.763 1.549s0-.449.897-.299c.309.052.623.067.935.045a1.923 1.923 0 001.142-.473c.318-.279 2.419-.998 3.361-4.951 0 0 .697-.861.667-1.085l-1.468.622s.496 1.046.104 1.916c0 0-.048-1.877-.326-1.835-.056 0-.753.364-.753.364s.852 1.824.209 3.152c0 0 .245-2.249-.475-3.02l-1.023.598s.996 1.886.32 3.423c0 0 .174-2.359-.535-3.289l-.927.724s.939 1.857.365 3.133c0 0-.072-2.747-.565-2.954 0 0-.81.715-.933 1.008 0 0 .64 1.348.242 2.06 0 0-.245-1.83-.445-1.839 0 0-.804 1.214-.897 2.042.04-.768.28-1.512.697-2.159a2.427 2.427 0 00-1.235.643s.125-.858 1.435-.933c0 0 .667-.92.846-.974 0 0-1.303-.111-2.093.239 0 0 .694-.807 2.329-.44l.915-.747s-1.713-.233-2.442.024c0 0 .837-.715 2.69-.191l.996-.598s-1.462-.314-2.335-.201c0 0 .921-.496 2.625.042l.711-.32s-1.07-.209-1.384-.242c-.314-.033-.329-.119-.329-.119a3.69 3.69 0 012.012.221s1.519-.553 1.492-.646z"
|
---|
259 | />
|
---|
260 |
|
---|
261 | <ellipse
|
---|
262 | cx="346.97"
|
---|
263 | cy="270.022"
|
---|
264 | fill={PRIMARY_MAIN}
|
---|
265 | fillRule="nonzero"
|
---|
266 | opacity="0.1"
|
---|
267 | rx="6.09"
|
---|
268 | ry="1.028"
|
---|
269 | />
|
---|
270 |
|
---|
271 | <rect
|
---|
272 | width="51.026"
|
---|
273 | height="91.312"
|
---|
274 | x="303.926"
|
---|
275 | y="69.211"
|
---|
276 | fill="#FFF"
|
---|
277 | fillRule="nonzero"
|
---|
278 | rx="4.737"
|
---|
279 | transform="rotate(-71.99 329.44 114.867)"
|
---|
280 | />
|
---|
281 |
|
---|
282 | <circle
|
---|
283 | cx="303.613"
|
---|
284 | cy="103.507"
|
---|
285 | r="9.376"
|
---|
286 | fill={PRIMARY_MAIN}
|
---|
287 | fillRule="nonzero"
|
---|
288 | opacity="0.2"
|
---|
289 | />
|
---|
290 |
|
---|
291 | <path
|
---|
292 | fill={PRIMARY_MAIN}
|
---|
293 | fillRule="nonzero"
|
---|
294 | d="M344.582495 86.4883769L347.150665 86.4883769 347.150665 127.336977 344.582495 127.336977z"
|
---|
295 | opacity="0.2"
|
---|
296 | transform="rotate(-71.99 345.867 106.913)"
|
---|
297 | />
|
---|
298 |
|
---|
299 | <path
|
---|
300 | fill={PRIMARY_MAIN}
|
---|
301 | fillRule="nonzero"
|
---|
302 | d="M333.028401 99.6373982L335.596571 99.6373982 335.596571 120.445898 333.028401 120.445898z"
|
---|
303 | opacity="0.2"
|
---|
304 | transform="rotate(-71.99 334.312 110.042)"
|
---|
305 | />
|
---|
306 |
|
---|
307 | <path
|
---|
308 | fill={PRIMARY_MAIN}
|
---|
309 | fillRule="nonzero"
|
---|
310 | d="M337.109071 101.431004L339.677241 101.431004 339.677241 135.086304 337.109071 135.086304z"
|
---|
311 | opacity="0.2"
|
---|
312 | transform="rotate(-71.99 338.393 118.259)"
|
---|
313 | />
|
---|
314 |
|
---|
315 | <path
|
---|
316 | fill={PRIMARY_MAIN}
|
---|
317 | fillRule="nonzero"
|
---|
318 | d="M338.505494 105.174377L341.073664 105.174377 341.073664 146.022978 338.505494 146.022978z"
|
---|
319 | opacity="0.2"
|
---|
320 | transform="rotate(-71.99 339.79 125.599)"
|
---|
321 | />
|
---|
322 |
|
---|
323 | <path
|
---|
324 | fill={PRIMARY_MAIN}
|
---|
325 | fillRule="nonzero"
|
---|
326 | d="M348.060839 134.648161L353.026769 134.648161 353.026769 145.952261 348.060839 145.952261z"
|
---|
327 | opacity="0.5"
|
---|
328 | transform="rotate(-71.99 350.544 140.3)"
|
---|
329 | />
|
---|
330 |
|
---|
331 | <rect
|
---|
332 | width="50.3"
|
---|
333 | height="78.305"
|
---|
334 | x="291.549"
|
---|
335 | y="174.486"
|
---|
336 | fill="#FFF"
|
---|
337 | fillRule="nonzero"
|
---|
338 | rx="4"
|
---|
339 | transform="rotate(-57.265 316.7 213.638)"
|
---|
340 | />
|
---|
341 |
|
---|
342 | <path
|
---|
343 | fill="#DFE3E8"
|
---|
344 | fillRule="nonzero"
|
---|
345 | d="M278.038439 203.88874L292.269539 203.88874 292.269539 207.23723 278.038439 207.23723z"
|
---|
346 | transform="rotate(-57.57 285.154 205.563)"
|
---|
347 | />
|
---|
348 |
|
---|
349 | <path
|
---|
350 | fill="#DFE3E8"
|
---|
351 | fillRule="nonzero"
|
---|
352 | d="M283.007935 199.201889L314.262535 199.201889 314.262535 202.272339 283.007935 202.272339z"
|
---|
353 | transform="rotate(-57.57 298.635 200.737)"
|
---|
354 | />
|
---|
355 |
|
---|
356 | <path
|
---|
357 | fill="#DFE3E8"
|
---|
358 | fillRule="nonzero"
|
---|
359 | d="M288.543935 202.715889L319.798535 202.715889 319.798535 205.786339 288.543935 205.786339z"
|
---|
360 | transform="rotate(-57.57 304.171 204.251)"
|
---|
361 | />
|
---|
362 |
|
---|
363 | <path
|
---|
364 | fill="#DFE3E8"
|
---|
365 | fillRule="nonzero"
|
---|
366 | d="M294.078936 206.235889L325.333536 206.235889 325.333536 209.306339 294.078936 209.306339z"
|
---|
367 | transform="rotate(-57.57 309.706 207.771)"
|
---|
368 | />
|
---|
369 |
|
---|
370 | <path
|
---|
371 | fill="#DFE3E8"
|
---|
372 | fillRule="nonzero"
|
---|
373 | d="M299.879919 211.40702L331.090719 211.40702 331.090719 214.47316 299.879919 214.47316z"
|
---|
374 | transform="rotate(-57.265 315.485 212.94)"
|
---|
375 | />
|
---|
376 |
|
---|
377 | <path
|
---|
378 | fill="#F4F6F8"
|
---|
379 | fillRule="nonzero"
|
---|
380 | d="M305.149936 213.268889L336.404536 213.268889 336.404536 216.339339 305.149936 216.339339z"
|
---|
381 | transform="rotate(-57.57 320.777 214.804)"
|
---|
382 | />
|
---|
383 |
|
---|
384 | <path
|
---|
385 | fill="#F4F6F8"
|
---|
386 | fillRule="nonzero"
|
---|
387 | d="M310.685935 216.782889L341.940535 216.782889 341.940535 219.853339 310.685935 219.853339z"
|
---|
388 | transform="rotate(-57.57 326.313 218.318)"
|
---|
389 | />
|
---|
390 |
|
---|
391 | <path
|
---|
392 | fill="#DFE3E8"
|
---|
393 | fillRule="nonzero"
|
---|
394 | d="M341.417983 210.406958L349.511163 210.406958 349.511163 218.500138 341.417983 218.500138z"
|
---|
395 | transform="rotate(-57.57 345.465 214.454)"
|
---|
396 | />
|
---|
397 |
|
---|
398 | <path
|
---|
399 | fill={PRIMARY_MAIN}
|
---|
400 | fillRule="nonzero"
|
---|
401 | d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
|
---|
402 | />
|
---|
403 |
|
---|
404 | <path
|
---|
405 | fill={PRIMARY_DARK}
|
---|
406 | fillRule="nonzero"
|
---|
407 | d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
|
---|
408 | opacity="0.243"
|
---|
409 | />
|
---|
410 |
|
---|
411 | <path
|
---|
412 | fill="url(#linearGradient-2)"
|
---|
413 | fillRule="nonzero"
|
---|
414 | d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
|
---|
415 | opacity="0.32"
|
---|
416 | />
|
---|
417 |
|
---|
418 | <ellipse
|
---|
419 | cx="119.593"
|
---|
420 | cy="258.664"
|
---|
421 | fill={PRIMARY_MAIN}
|
---|
422 | fillRule="nonzero"
|
---|
423 | opacity="0.1"
|
---|
424 | rx="4.846"
|
---|
425 | ry="1"
|
---|
426 | />
|
---|
427 |
|
---|
428 | <ellipse
|
---|
429 | cx="101.03"
|
---|
430 | cy="260.545"
|
---|
431 | fill={PRIMARY_MAIN}
|
---|
432 | fillRule="nonzero"
|
---|
433 | opacity="0.1"
|
---|
434 | rx="4.846"
|
---|
435 | ry="1"
|
---|
436 | />
|
---|
437 |
|
---|
438 | <ellipse
|
---|
439 | cx="108.459"
|
---|
440 | cy="265.905"
|
---|
441 | fill={PRIMARY_MAIN}
|
---|
442 | fillRule="nonzero"
|
---|
443 | opacity="0.1"
|
---|
444 | rx="3.444"
|
---|
445 | ry="1"
|
---|
446 | />
|
---|
447 |
|
---|
448 | <ellipse
|
---|
449 | cx="89.193"
|
---|
450 | cy="265.433"
|
---|
451 | fill={PRIMARY_MAIN}
|
---|
452 | fillRule="nonzero"
|
---|
453 | opacity="0.1"
|
---|
454 | rx="3.444"
|
---|
455 | ry="1"
|
---|
456 | />
|
---|
457 |
|
---|
458 | <path
|
---|
459 | fill={PRIMARY_MAIN}
|
---|
460 | fillRule="nonzero"
|
---|
461 | d="M100.925 260.398s6.796-22.279-1.064-31.204c-5.881-6.676-12.557-5.877-15.547-5.052a5.528 5.528 0 00-3.564 2.963c-1.046 2.254-.858 5.913 6.521 10.186 12.35 7.151 13.119 16.96 13.119 16.96l.535 6.147z"
|
---|
462 | />
|
---|
463 |
|
---|
464 | <path
|
---|
465 | stroke={PRIMARY_DARKER}
|
---|
466 | strokeLinecap="round"
|
---|
467 | strokeWidth="0.5"
|
---|
468 | d="M85.382 227.302s20.031 6.278 15.546 33.096M97.083 229.547s-2.76 1.86-1.88 4.655M87.39 231.203s1.687-1.716 3.741-.768M95.31 239.832s2.963-1.495 3.728.379M102.638 242.962s-2.224-.176-2.263.897"
|
---|
469 | />
|
---|
470 |
|
---|
471 | <path
|
---|
472 | fill={PRIMARY_MAIN}
|
---|
473 | fillRule="nonzero"
|
---|
474 | d="M101.2 260.575s-7.961-16.193-10.147-15.846c-1.037.17-1.516 1.196-1.734 2.218a6.516 6.516 0 00.434 3.941c1.13 2.601 4.165 7.519 11.447 9.687z"
|
---|
475 | />
|
---|
476 |
|
---|
477 | <path
|
---|
478 | stroke={PRIMARY_DARKER}
|
---|
479 | strokeLinecap="round"
|
---|
480 | strokeWidth="0.5"
|
---|
481 | d="M91.113 247.808s8.353 12.115 9.968 12.647"
|
---|
482 | />
|
---|
483 |
|
---|
484 | <path
|
---|
485 | stroke={PRIMARY_DARKER}
|
---|
486 | strokeLinecap="round"
|
---|
487 | strokeWidth="0.5"
|
---|
488 | d="M90.344 249.701L92.293 249.701"
|
---|
489 | />
|
---|
490 |
|
---|
491 | <path
|
---|
492 | stroke={PRIMARY_DARKER}
|
---|
493 | strokeLinecap="round"
|
---|
494 | strokeWidth="0.5"
|
---|
495 | d="M92.68 254.132L95.738 254.263"
|
---|
496 | />
|
---|
497 |
|
---|
498 | <path
|
---|
499 | stroke={PRIMARY_DARKER}
|
---|
500 | strokeLinecap="round"
|
---|
501 | strokeWidth="0.5"
|
---|
502 | d="M94.542 250.586L94.21 252.179"
|
---|
503 | />
|
---|
504 |
|
---|
505 | <path
|
---|
506 | stroke={PRIMARY_DARKER}
|
---|
507 | strokeLinecap="round"
|
---|
508 | strokeWidth="0.5"
|
---|
509 | d="M97.792 255.432L97.732 256.879"
|
---|
510 | />
|
---|
511 |
|
---|
512 | <path
|
---|
513 | fill={PRIMARY_MAIN}
|
---|
514 | fillRule="nonzero"
|
---|
515 | d="M100.964 260.575s7.959-16.193 10.144-15.846c1.041.17 1.519 1.196 1.734 2.218a6.514 6.514 0 01-.433 3.941c-1.13 2.601-4.168 7.519-11.445 9.687z"
|
---|
516 | />
|
---|
517 |
|
---|
518 | <path
|
---|
519 | stroke={PRIMARY_DARKER}
|
---|
520 | strokeLinecap="round"
|
---|
521 | strokeWidth="0.5"
|
---|
522 | d="M111.051 247.808s-8.371 12.115-9.97 12.647"
|
---|
523 | />
|
---|
524 |
|
---|
525 | <path
|
---|
526 | stroke={PRIMARY_DARKER}
|
---|
527 | strokeLinecap="round"
|
---|
528 | strokeWidth="0.5"
|
---|
529 | d="M111.82 249.701L109.871 249.701"
|
---|
530 | />
|
---|
531 |
|
---|
532 | <path
|
---|
533 | stroke={PRIMARY_DARKER}
|
---|
534 | strokeLinecap="round"
|
---|
535 | strokeWidth="0.5"
|
---|
536 | d="M109.485 254.132L106.426 254.263"
|
---|
537 | />
|
---|
538 |
|
---|
539 | <path
|
---|
540 | stroke={PRIMARY_DARKER}
|
---|
541 | strokeLinecap="round"
|
---|
542 | strokeWidth="0.5"
|
---|
543 | d="M107.622 250.586L107.954 252.179"
|
---|
544 | />
|
---|
545 |
|
---|
546 | <path
|
---|
547 | stroke={PRIMARY_DARKER}
|
---|
548 | strokeLinecap="round"
|
---|
549 | strokeWidth="0.5"
|
---|
550 | d="M104.372 255.432L104.432 256.879"
|
---|
551 | />
|
---|
552 |
|
---|
553 | <path
|
---|
554 | fill={PRIMARY_MAIN}
|
---|
555 | fillRule="nonzero"
|
---|
556 | d="M87.295 264.357a1.375 1.375 0 01-.452-.685.599.599 0 01.317-.697c.3-.11.598.09.837.299.24.21.512.431.81.38a1.237 1.237 0 01-.382-1.16.47.47 0 01.105-.236c.161-.174.454-.099.648.039.598.43.787 1.264.79 2.018.03-.277.03-.555 0-.831a.853.853 0 01.334-.727.938.938 0 01.476-.114.988.988 0 01.774.222.767.767 0 01-.03.947c-.229.257-.5.474-.801.64a1.805 1.805 0 00-.571.547.399.399 0 00-.042.096h-1.74a4.826 4.826 0 01-1.073-.738zM117.626 257.833a1.355 1.355 0 01-.452-.682.599.599 0 01.314-.696c.299-.111.598.089.837.299.239.209.509.436.817.391a1.236 1.236 0 01-.386-1.157.472.472 0 01.107-.236c.162-.173.455-.099.649.036.613.433.787 1.268.79 2.021a4.008 4.008 0 000-.834.852.852 0 01.299-.736.955.955 0 01.475-.11.998.998 0 01.774.218.768.768 0 01-.033.951 2.996 2.996 0 01-.798.64 1.767 1.767 0 00-.571.544.499.499 0 00-.042.098h-1.701a4.78 4.78 0 01-1.079-.747zM107.518 264.357a1.406 1.406 0 01-.455-.685.6.6 0 01.317-.697c.299-.11.598.09.837.299.239.21.505.437.816.395a1.247 1.247 0 01-.385-1.16.472.472 0 01.107-.236c.162-.174.455-.099.649.039.613.43.783 1.264.789 2.018.03-.277.03-.555 0-.832a.855.855 0 01.314-.735.93.93 0 01.476-.114.988.988 0 01.774.222.764.764 0 01-.033.947 3.028 3.028 0 01-.798.64 1.798 1.798 0 00-.571.547.411.411 0 00-.042.096h-1.734c-.385-.2-.742-.45-1.061-.744z"
|
---|
557 | />
|
---|
558 |
|
---|
559 | <circle
|
---|
560 | cx="84.467"
|
---|
561 | cy="87.003"
|
---|
562 | r="6.467"
|
---|
563 | fill={PRIMARY_MAIN}
|
---|
564 | fillRule="nonzero"
|
---|
565 | opacity="0.1"
|
---|
566 | />
|
---|
567 |
|
---|
568 | <circle
|
---|
569 | cx="395.425"
|
---|
570 | cy="138.681"
|
---|
571 | r="6.467"
|
---|
572 | fill={PRIMARY_MAIN}
|
---|
573 | fillRule="nonzero"
|
---|
574 | opacity="0.1"
|
---|
575 | />
|
---|
576 |
|
---|
577 | <circle
|
---|
578 | cx="279.178"
|
---|
579 | cy="66.467"
|
---|
580 | r="6.467"
|
---|
581 | fill={PRIMARY_MAIN}
|
---|
582 | fillRule="nonzero"
|
---|
583 | opacity="0.1"
|
---|
584 | />
|
---|
585 |
|
---|
586 | <circle
|
---|
587 | cx="97.4"
|
---|
588 | cy="122.68"
|
---|
589 | r="10.838"
|
---|
590 | fill={PRIMARY_MAIN}
|
---|
591 | fillRule="nonzero"
|
---|
592 | opacity="0.1"
|
---|
593 | />
|
---|
594 |
|
---|
595 | <path
|
---|
596 | fill={PRIMARY_DARK}
|
---|
597 | fillRule="nonzero"
|
---|
598 | d="M206.029 209.911c-7.975 0-14.44 6.465-14.44 14.44s6.465 14.44 14.44 14.44 14.44-6.465 14.44-14.44-6.465-14.44-14.44-14.44z"
|
---|
599 | />
|
---|
600 |
|
---|
601 | <path
|
---|
602 | fill={PRIMARY_MAIN}
|
---|
603 | fillRule="nonzero"
|
---|
604 | d="M206.029 211.59c7.047 0 12.761 5.714 12.761 12.761 0 7.048-5.714 12.761-12.761 12.761-7.048 0-12.761-5.713-12.761-12.761.006-7.045 5.716-12.754 12.761-12.761"
|
---|
605 | opacity="0.72"
|
---|
606 | />
|
---|
607 |
|
---|
608 | <path
|
---|
609 | fill={PRIMARY_DARK}
|
---|
610 | fillRule="nonzero"
|
---|
611 | d="M200.058 225.406l-.699-.681a.721.721 0 010-1.065l6.127-5.984a.753.753 0 01.546-.231c.206 0 .404.083.545.231l6.127 5.978a.733.733 0 010 1.065l-.699.682a.768.768 0 01-1.091 0l-3.622-3.727v8.843a.725.725 0 01-.219.523.76.76 0 01-.534.217h-1.009a.75.75 0 01-.759-.74v-8.832l-3.622 3.726a.768.768 0 01-1.091-.005z"
|
---|
612 | />
|
---|
613 | </Box>
|
---|
614 | );
|
---|
615 | }
|
---|
616 |
|
---|
617 | export default memo(UploadIllustration);
|
---|