UNPKG

@janiscommerce/ui-native

Version:

components library for Janis app

github.com/janis-commerce/ui-native

janis-commerce/ui-native

74 lines (73 loc) • 8.37 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
import * as React from 'react'; import { View } from 'react-native'; import Svg, { Path, Defs, LinearGradient, Stop } from 'react-native-svg'; const EmptyListIllustration = ({ ...props }) => (<View {...props}> <Svg width={213} height={162} viewBox="0 0 213 162" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}> <Defs> <LinearGradient id="paint0_linear_10149_116403" x1={108} y1={153.5} x2={170.993} y2={153.5} gradientUnits="userSpaceOnUse"> <Stop stopColor="white" stopOpacity={0}/> <Stop offset={0.05} stopColor="#EFF2FE" stopOpacity={0.19}/> <Stop offset={0.09} stopColor="#E1E7FD" stopOpacity={0.35}/> <Stop offset={0.15} stopColor="#D4DCFD" stopOpacity={0.51}/> <Stop offset={0.21} stopColor="#C9D3FD" stopOpacity={0.64}/> <Stop offset={0.27} stopColor="#C0CCFC" stopOpacity={0.75}/> <Stop offset={0.35} stopColor="#B8C6FC" stopOpacity={0.85}/> <Stop offset={0.43} stopColor="#B3C1FC" stopOpacity={0.92}/> <Stop offset={0.53} stopColor="#AEBEFC" stopOpacity={0.96}/> <Stop offset={0.67} stopColor="#ACBCFC" stopOpacity={0.99}/> <Stop offset={1} stopColor="#ACBCFC"/> </LinearGradient> <LinearGradient id="paint1_linear_10149_116403" gradientUnits="userSpaceOnUse"> <Stop stopColor="#CFD4E8" stopOpacity={0.5}/> <Stop offset={1} stopColor="#ACBCFC"/> </LinearGradient> <LinearGradient id="paint2_linear_10149_116403" gradientUnits="userSpaceOnUse"> <Stop stopColor="#CFD4E8" stopOpacity={0.5}/> <Stop offset={1} stopColor="#ACBCFC"/> </LinearGradient> <LinearGradient id="paint3_linear_10149_116403" gradientUnits="userSpaceOnUse"> <Stop stopColor="#CFD4E8" stopOpacity={0.5}/> <Stop offset={1} stopColor="#ACBCFC"/> </LinearGradient> <LinearGradient id="paint4_linear_10149_116403" x1={158.269} y1={38.1773} x2={146.841} y2={38.1773} gradientUnits="userSpaceOnUse"> <Stop stopColor="#F7C6A4"/> <Stop offset={0.39} stopColor="#F5C09A"/> <Stop offset={0.99} stopColor="#F2B483"/> </LinearGradient> <LinearGradient id="paint5_linear_10149_116403" x1={166.361} y1={32.0986} x2={148.204} y2={32.0986} gradientUnits="userSpaceOnUse"> <Stop stopColor="#305069"/> <Stop offset={1} stopColor="#273947"/> </LinearGradient> <LinearGradient id="paint6_linear_10149_116403" x1={135.302} y1={89.985} x2={163.468} y2={89.985} gradientUnits="userSpaceOnUse"> <Stop stopColor="#305069"/> <Stop offset={1} stopColor="#273947"/> </LinearGradient> </Defs> <Path opacity={0.31} d="M139.5 162C156.897 162 171 158.194 171 153.5C171 148.806 156.897 145 139.5 145C122.103 145 108 148.806 108 153.5C108 158.194 122.103 162 139.5 162Z" fill="url(#paint0_linear_10149_116403)"/> <Path d="M88 141L3 141" stroke="url(#paint1_linear_10149_116403)" strokeWidth={5} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M100 157L55 157" stroke="url(#paint2_linear_10149_116403)" strokeWidth={5} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M210 141L182 141" stroke="url(#paint3_linear_10149_116403)" strokeWidth={5} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M99.8942 52H39.008C38.4513 52 38 52.6077 38 53.3574V80.9128C38 81.6625 38.4513 82.2702 39.008 82.2702H99.8942C100.451 82.2702 100.902 81.6625 100.902 80.9128V53.3574C100.902 52.6077 100.451 52 99.8942 52Z" fill="white"/> <Path d="M43.8073 59.1059C44.4208 58.8286 60.6811 59.1059 60.6811 59.1059" stroke="#E4ECFA" strokeWidth={4} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M43.4845 74.5012C44.4935 74.5012 95.9869 74.5012 95.9869 74.5012" stroke="#D0D3E3" strokeWidth={3} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M43.4845 67.1111C44.4935 67.1111 95.9869 67.1111 95.9869 67.1111" stroke="#D0D3E3" strokeWidth={3} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M99.8942 89H39.008C38.4513 89 38 89.6077 38 90.3574V117.913C38 118.662 38.4513 119.27 39.008 119.27H99.8942C100.451 119.27 100.902 118.662 100.902 117.913V90.3574C100.902 89.6077 100.451 89 99.8942 89Z" fill="white"/> <Path d="M43.8073 96.1059C44.4208 95.8286 60.6811 96.1059 60.6811 96.1059" stroke="#E4ECFA" strokeWidth={4} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M43.4845 111.501C44.4935 111.501 95.9869 111.501 95.9869 111.501" stroke="#D0D3E3" strokeWidth={3} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M43.4845 104.111C44.4935 104.111 95.9869 104.111 95.9869 104.111" stroke="#D0D3E3" strokeWidth={3} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M138.702 0H60.2981C59.5812 0 59 0.782996 59 1.74888V37.2511C59 38.217 59.5812 39 60.2981 39H138.702C139.419 39 140 38.217 140 37.2511V1.74888C140 0.782996 139.419 0 138.702 0Z" fill="white"/> <Path d="M66 9C66.8 9 88 9 88 9" stroke="#5393FF" strokeWidth={4} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M66 30C67.3068 30 134 30 134 30" stroke="#D0D3E3" strokeWidth={4} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M66 20C67.3068 20 134 20 134 20" stroke="#D0D3E3" strokeWidth={4} strokeMiterlimit={10} strokeLinecap="round"/> <Path d="M157.604 144.551L157.611 146.619L150.392 147.404L149.282 149.385L150.074 151.287H163.88L163.127 144.709L157.604 144.551Z" fill="#979797"/> <Path d="M125.217 148L125.209 149.791L117.11 150.829L116 152.811L116.793 154.713H129.885L130.028 148.135L125.217 148Z" fill="#979797"/> <Path d="M171.909 69.0224C171.758 68.0556 171.37 67.2313 171.021 66.3358C170.601 65.2738 170.173 64.2197 169.713 63.1815C168.762 61.01 167.756 58.783 166.385 56.8413C166.028 56.342 165.648 55.8427 165.18 55.4543C165.18 55.4543 166.86 62.5237 166.543 68.4597L163.524 78.8894C163.524 78.8894 158.61 81.053 165.687 80.8945C170.252 80.7915 171.726 75.648 171.972 71.8914C172.036 70.9483 172.059 69.9893 171.917 69.0462C171.917 69.0383 171.917 69.0304 171.917 69.0224H171.909Z" fill="#2979FF"/> <Path d="M120.878 42.5045V40.7847C120.878 40.7847 123.255 37.2976 119.927 33.3349C119.927 33.3349 117.708 27.4702 117.232 27.4702C116.757 27.4702 116.701 30.1093 118.445 33.6519C118.445 33.6519 114.537 32.3839 112.952 35.237C111.367 38.0901 112.374 37.1945 112.374 37.1945C112.374 37.1945 113.903 41.8942 115.013 42.449C115.116 42.5045 115.243 42.7105 115.378 43.0434" fill="#F7C5A0"/> <Path d="M148.521 27.6604C148.521 27.6604 144.027 35.6332 149.726 47.4419L158.261 48.6862C158.261 48.6862 157.477 34.3176 148.521 27.6604V27.6604Z" fill="url(#paint4_linear_10149_116403)"/> <Path d="M165.18 55.4545C162.691 48.0681 157.817 48.0839 157.817 48.0839L155.685 48.2107L149.734 47.4499L147.832 48.5594C143.568 51.1986 139.011 53.4097 134.2 54.8442C131.402 55.6764 128.613 56.5878 125.799 57.4358C125.799 57.4358 122.312 50.937 120.886 43.8043V42.5125L115.385 43.0514C116.661 46.1977 119.063 60.6534 119.063 63.3084C119.063 64.7587 121.844 64.8459 122.78 64.9093C125.197 65.0758 127.622 64.9172 130.039 64.7746C132.441 64.624 134.89 64.7508 137.243 64.2119C138.297 63.9662 139.359 63.673 140.382 63.3163L135.31 89.6283C150.051 93.5909 163.207 89.6283 163.207 89.6283C167.597 71.4318 167.114 61.2161 165.18 55.4703V55.4545Z" fill="#2979FF"/> <Path d="M157.952 45.4685L158.586 43.5665C158.586 43.5665 166.195 39.9208 166.353 33.6599C166.512 27.3989 163.896 22.5645 161.439 22.1682C158.982 21.7719 156.209 20.2661 155.733 19.3943C155.258 18.5226 149.884 17.5715 149.322 23.1985C148.759 28.8254 148.204 27.7951 148.204 27.7951C148.204 27.7951 149.258 29.3009 149.322 30.252C149.385 31.203 149.948 30.3312 151.612 32.8673C153.276 35.4034 153.673 37.5432 152.88 40.3964C152.087 43.2495 152.246 45.4685 152.246 45.4685H157.952V45.4685Z" fill="url(#paint5_linear_10149_116403)"/> <Path d="M163.215 89.5332C163.215 89.5332 156.93 91.6413 135.318 89.5332C135.318 89.5332 131.196 100.787 130.245 106.335C129.294 111.883 125.015 121.393 125.015 149.29H129.77C129.77 149.29 130.721 123.136 150.217 103.482C150.217 103.482 146.571 111.407 157.508 146.437L163.215 146.595C163.215 146.595 158.459 98.7265 163.215 89.5332V89.5332Z" fill="#2F2F2F"/> <Path d="M135.524 88.4634L135.302 89.6125C135.302 89.6125 148.109 93.8605 162.937 89.6125C163.064 89.5808 163.199 89.6125 163.199 89.6125L163.46 88.503C163.46 88.503 150.756 92.1883 135.516 88.4713L135.524 88.4634Z" fill="url(#paint6_linear_10149_116403)"/> </Svg> </View>); export default EmptyListIllustration;