tapquest-ui-yeulamvietnam 2.0.0

package/src/components/Icons/ShareMemoryBadge.tsx

@@ -0,0 +1,11 @@
+export default function ShareMemoryBadge() {
+    return (
+        <svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <rect width="45.6407" height="46.3538" transform="translate(0.746094 0.0673828)" fill="#A71A1A" />
+            <path d="M8.94282 27.6089H7.20315V24.0603L5.64139 20.6897H7.49968L8.05322 21.8857L8.60675 20.6897H10.465L8.94282 23.9714V27.6089ZM15.0097 20.6897V22.3899H12.4496V23.2992H14.1992V24.9994H12.4496V25.9087H15.0492V27.6089H10.7099V20.6897H15.0097ZM10.8681 20.2054V19.7606H14.7329V20.2054H10.8681ZM17.9666 27.7572C17.5382 27.7572 17.1395 27.6616 16.7705 27.4705C16.4015 27.2728 16.1083 27.0059 15.8908 26.6699C15.6733 26.3272 15.5646 25.9483 15.5646 25.5331V20.6897H17.3043V25.4244C17.3043 25.6023 17.3636 25.7539 17.4822 25.8791C17.6074 25.9977 17.7689 26.057 17.9666 26.057C18.1642 26.057 18.3224 25.9977 18.441 25.8791C18.5662 25.7539 18.6288 25.6023 18.6288 25.4244V20.6897H20.3685V25.5331C20.3685 25.9483 20.2598 26.3272 20.0423 26.6699C19.8248 27.0059 19.5316 27.2728 19.1626 27.4705C18.7936 27.6616 18.3949 27.7572 17.9666 27.7572ZM25.1431 20.6897V25.9087H26.8235V27.6089H23.4034V20.6897H25.1431ZM30.1805 27.6089V26.7687H28.9548V27.6089H27.2152V25.1773C27.2152 24.492 27.3964 23.8033 27.7588 23.1114C28.1278 22.4129 28.6517 21.8363 29.3304 21.3816C30.0158 20.9204 30.8032 20.6897 31.6929 20.6897H31.9202V27.6089H30.1805ZM30.1805 22.973C29.8049 23.1641 29.5117 23.4607 29.3008 23.8626C29.0899 24.258 28.9746 24.6501 28.9548 25.0389H30.1805V22.973ZM31.08 20.6008L29.1328 20.2054V19.7606L31.0602 20.1559L32.9976 19.7606V20.2054L31.08 20.6008ZM36.9317 18.5151L37.0799 18.9401L33.4523 20.2548L33.2941 19.8396L36.9317 18.5151ZM34.3223 20.6897C34.7374 20.6897 35.1328 20.7688 35.5084 20.9269C35.884 21.0785 36.2135 21.2927 36.4969 21.5694C36.7737 21.2927 37.0998 21.0785 37.4755 20.9269C37.8577 20.7688 38.2563 20.6897 38.6715 20.6897H40.3815V27.6089H38.6418V22.3899C38.4376 22.3899 38.2333 22.4426 38.029 22.548C37.8313 22.6534 37.6633 22.8182 37.5249 23.0422C37.3865 23.2663 37.3173 23.543 37.3173 23.8725V27.6089H35.6765V23.8725C35.6765 23.543 35.6073 23.2663 35.4689 23.0422C35.3305 22.8182 35.1592 22.6534 34.9549 22.548C34.7572 22.4426 34.5562 22.3899 34.3519 22.3899V27.6089H32.6123V20.6897H34.3223Z" fill="white" />
+            <path d="M7.62724 30.1602V34.8464C7.81206 34.8464 7.99093 34.8017 8.16383 34.7123C8.34269 34.6228 8.48876 34.4827 8.60204 34.2919C8.72129 34.0952 8.78091 33.8478 8.78091 33.5497V30.1602H10.3549V33.7106C10.3549 34.2651 10.2208 34.748 9.95246 35.1594C9.69013 35.5708 9.34134 35.8838 8.90611 36.0985C8.47684 36.3131 8.02372 36.4204 7.54675 36.4204H6.05324V30.1602H7.62724ZM12.5093 30.1602V36.4204H10.9353V30.1602H12.5093ZM17.0264 30.1602V31.6984H14.7101V32.5212H16.2931V34.0594H14.7101V34.8822H17.0622V36.4204H13.1362V30.1602H17.0264ZM13.2792 37.27V36.8676H16.776V37.27H13.2792ZM13.2792 29.722V29.3195H16.776V29.722H13.2792ZM21.696 30.1602V31.6984H20.3009V36.4204H18.7269V31.6984H17.3317V30.1602H21.696ZM26.5701 34.2293C26.5701 33.7881 26.4866 33.4245 26.3197 33.1383C26.1587 32.8521 25.9739 32.6315 25.7652 32.4765C25.5625 32.3215 25.4611 32.2589 25.4611 32.2887V36.4204H23.8871V30.1602C24.4178 30.1841 24.8798 30.2705 25.2733 30.4196C25.6728 30.5626 25.9888 30.7147 26.2213 30.8757C26.4538 31.0307 26.5701 31.1171 26.5701 31.135V30.1602H28.1441V36.4204H26.5701V34.2293ZM31.3638 36.4204V35.6602H30.2548V36.4204H28.6808V34.2204C28.6808 33.6003 28.8448 32.9773 29.1727 32.3513C29.5066 31.7193 29.9806 31.1976 30.5947 30.7862C31.2147 30.3689 31.9272 30.1602 32.7321 30.1602H32.9378V36.4204H31.3638ZM31.3638 32.2261C31.0239 32.399 30.7586 32.6673 30.5678 33.031C30.377 33.3887 30.2727 33.7434 30.2548 34.0952H31.3638V32.2261ZM35.1111 30.1602C35.4867 30.1602 35.8444 30.2317 36.1843 30.3748C36.5241 30.512 36.8222 30.7057 37.0786 30.9561C37.329 30.7057 37.6241 30.512 37.9639 30.3748C38.3098 30.2317 38.6705 30.1602 39.0461 30.1602H40.5932V36.4204H39.0192V31.6984C38.8344 31.6984 38.6496 31.7461 38.4648 31.8415C38.2859 31.9369 38.1339 32.086 38.0087 32.2887C37.8835 32.4914 37.8209 32.7418 37.8209 33.0399V36.4204H36.3363V33.0399C36.3363 32.7418 36.2737 32.4914 36.1485 32.2887C36.0233 32.086 35.8683 31.9369 35.6834 31.8415C35.5046 31.7461 35.3227 31.6984 35.1379 31.6984V36.4204H33.5639V30.1602H35.1111Z" fill="white" />
+            <path d="M6.02148 39.0398H40.6754" stroke="white" strokeWidth="0.558947" />
+            <path d="M6.02148 40.7166H40.6754" stroke="white" strokeWidth="1.39737" />
+        </svg>
+    )
+}

package/src/components/Icons/ShieldWarningIcon.tsx

@@ -0,0 +1,18 @@
+export default function ShieldWarningIcon(props: any) {
+    return (
+      <svg
+        width="17"
+        height="17"
+        viewBox="0 0 17 17"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+      >
+        <path
+          d="M8.36914 8.83656V6.33656C8.36914 6.20395 8.42182 6.07678 8.51559 5.98301C8.60936 5.88924 8.73653 5.83656 8.86914 5.83656C9.00175 5.83656 9.12893 5.88924 9.22269 5.98301C9.31646 6.07678 9.36914 6.20395 9.36914 6.33656V8.83656C9.36914 8.96917 9.31646 9.09635 9.22269 9.19012C9.12893 9.28389 9.00175 9.33656 8.86914 9.33656C8.73653 9.33656 8.60936 9.28389 8.51559 9.19012C8.42182 9.09635 8.36914 8.96917 8.36914 8.83656ZM8.86914 11.8366C9.01748 11.8366 9.16248 11.7926 9.28582 11.7102C9.40915 11.6278 9.50528 11.5106 9.56205 11.3736C9.61882 11.2365 9.63367 11.0857 9.60473 10.9402C9.57579 10.7948 9.50436 10.6611 9.39947 10.5562C9.29458 10.4513 9.16094 10.3799 9.01546 10.351C8.86997 10.322 8.71917 10.3369 8.58213 10.3937C8.44508 10.4504 8.32795 10.5465 8.24554 10.6699C8.16313 10.7932 8.11914 10.9382 8.11914 11.0866C8.11914 11.2855 8.19816 11.4762 8.33881 11.6169C8.47946 11.7575 8.67023 11.8366 8.86914 11.8366ZM14.8691 3.83656V7.33656C14.8691 10.6316 13.2741 12.6284 11.936 13.7234C10.4948 14.9022 9.06102 15.3028 8.99852 15.3191C8.91258 15.3424 8.82195 15.3424 8.73602 15.3191C8.67352 15.3028 7.24164 14.9022 5.79852 13.7234C4.46414 12.6284 2.86914 10.6316 2.86914 7.33656V3.83656C2.86914 3.57135 2.9745 3.31699 3.16203 3.12946C3.34957 2.94192 3.60392 2.83656 3.86914 2.83656H13.8691C14.1344 2.83656 14.3887 2.94192 14.5762 3.12946C14.7638 3.31699 14.8691 3.57135 14.8691 3.83656ZM13.8691 3.83656H3.86914V7.33656C3.86914 9.66781 4.73289 11.5559 6.43602 12.9497C7.16117 13.5428 7.98468 14.0041 8.86914 14.3128C9.76533 13.9986 10.5991 13.5289 11.3323 12.9253C13.0154 11.5341 13.8691 9.65344 13.8691 7.33656V3.83656Z"
+          fill="#9E6C00"
+        />
+      </svg>
+    );
+  }
+  

package/src/components/Icons/Spinner.tsx

@@ -0,0 +1,18 @@
+export default function Spinner() {
+    return (
+        <svg width="102" height="102" viewBox="0 0 102 102" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g filter="url(#filter0_f_2_11473)">
+                <g clipPath="url(#paint0_angular_2_11473_clip_path)" data-figma-skip-parse="true"><g transform="matrix(-0.041125 0.01175 -0.0109833 -0.0384415 51 51)"><foreignObject x="-1577.08" y="-1577.08" width="3154.16" height="3154.16"><div style={{ background: 'conic-gradient(from 90deg, rgba(255, 255, 255, 1) 0deg, rgba(255, 255, 255, 0) 104.4deg, rgba(255, 255, 255, 1) 360deg)', height: '100%', width: '100%', opacity: 1 }}></div></foreignObject></g></g><path d="M7.525 51C5.5782 51 3.98624 52.5804 4.1321 54.5218C4.73734 62.5771 7.41099 70.3622 11.9209 77.1118C17.0854 84.8409 24.4257 90.865 33.0139 94.4223C41.602 97.9796 51.0521 98.9104 60.1692 97.0969C69.2863 95.2834 77.6609 90.8071 84.234 84.234C90.8071 77.6609 95.2834 69.2864 97.0969 60.1692C98.9104 51.0521 97.9797 41.602 94.4223 33.0139C90.865 24.4258 84.8409 17.0854 77.1118 11.9209C70.3622 7.411 62.5771 4.73734 54.5218 4.1321C52.5804 3.98624 51 5.5782 51 7.525C51 9.4718 52.5813 11.0338 54.5205 11.2054C61.1798 11.7945 67.6052 14.0478 73.195 17.7828C79.7648 22.1726 84.8853 28.4119 87.909 35.7118C90.9327 43.0117 91.7238 51.0443 90.1824 58.7939C88.6409 66.5434 84.836 73.6618 79.2489 79.2489C73.6618 84.836 66.5434 88.6409 58.7938 90.1824C51.0443 91.7238 43.0117 90.9327 35.7118 87.909C28.4119 84.8853 22.1725 79.7648 17.7828 73.195C14.0478 67.6052 11.7945 61.1798 11.2054 54.5205C11.0338 52.5813 9.4718 51 7.525 51Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.28999999165534973}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.28999999165534973}],&#34;transform&#34;:{&#34;m00&#34;:-82.249984741210938,&#34;m01&#34;:-21.966585159301758,&#34;m02&#34;:103.10827636718750,&#34;m10&#34;:23.499994277954102,&#34;m11&#34;:-76.883049011230469,&#34;m12&#34;:77.69152832031250},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" />
+            </g>
+            <g clipPath="url(#paint1_angular_2_11473_clip_path)" data-figma-skip-parse="true"><g transform="matrix(-0.041125 0.01175 -0.0109833 -0.0384415 51 51)"><foreignObject x="-1577.08" y="-1577.08" width="3154.16" height="3154.16"><div style={{ background: 'conic-gradient(from 90deg, rgba(255, 255, 255, 1) 0deg, rgba(255, 255, 255, 0) 104.4deg, rgba(255, 255, 255, 1) 360deg)', height: '100%', width: '100%', opacity: 1 }}></div></foreignObject></g></g><path d="M7.525 51C5.5782 51 3.98624 52.5804 4.1321 54.5218C4.73734 62.5771 7.41099 70.3622 11.9209 77.1118C17.0854 84.8409 24.4257 90.865 33.0139 94.4223C41.602 97.9796 51.0521 98.9104 60.1692 97.0969C69.2863 95.2834 77.6609 90.8071 84.234 84.234C90.8071 77.6609 95.2834 69.2864 97.0969 60.1692C98.9104 51.0521 97.9797 41.602 94.4223 33.0139C90.865 24.4258 84.8409 17.0854 77.1118 11.9209C70.3622 7.411 62.5771 4.73734 54.5218 4.1321C52.5804 3.98624 51 5.5782 51 7.525C51 9.4718 52.5813 11.0338 54.5205 11.2054C61.1798 11.7945 67.6052 14.0478 73.195 17.7828C79.7648 22.1726 84.8853 28.4119 87.909 35.7118C90.9327 43.0117 91.7238 51.0443 90.1824 58.7939C88.6409 66.5434 84.836 73.6618 79.2489 79.2489C73.6618 84.836 66.5434 88.6409 58.7938 90.1824C51.0443 91.7238 43.0117 90.9327 35.7118 87.909C28.4119 84.8853 22.1725 79.7648 17.7828 73.195C14.0478 67.6052 11.7945 61.1798 11.2054 54.5205C11.0338 52.5813 9.4718 51 7.525 51Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.28999999165534973}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.28999999165534973}],&#34;transform&#34;:{&#34;m00&#34;:-82.249984741210938,&#34;m01&#34;:-21.966585159301758,&#34;m02&#34;:103.10827636718750,&#34;m10&#34;:23.499994277954102,&#34;m11&#34;:-76.883049011230469,&#34;m12&#34;:77.69152832031250},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" />
+            <defs>
+                <filter id="filter0_f_2_11473" x="0.122818" y="0.122818" width="101.877" height="101.877" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+                    <feFlood floodOpacity="0" result="BackgroundImageFix" />
+                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+                    <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_2_11473" />
+                </filter>
+                <clipPath id="paint0_angular_2_11473_clip_path"><path d="M7.525 51C5.5782 51 3.98624 52.5804 4.1321 54.5218C4.73734 62.5771 7.41099 70.3622 11.9209 77.1118C17.0854 84.8409 24.4257 90.865 33.0139 94.4223C41.602 97.9796 51.0521 98.9104 60.1692 97.0969C69.2863 95.2834 77.6609 90.8071 84.234 84.234C90.8071 77.6609 95.2834 69.2864 97.0969 60.1692C98.9104 51.0521 97.9797 41.602 94.4223 33.0139C90.865 24.4258 84.8409 17.0854 77.1118 11.9209C70.3622 7.411 62.5771 4.73734 54.5218 4.1321C52.5804 3.98624 51 5.5782 51 7.525C51 9.4718 52.5813 11.0338 54.5205 11.2054C61.1798 11.7945 67.6052 14.0478 73.195 17.7828C79.7648 22.1726 84.8853 28.4119 87.909 35.7118C90.9327 43.0117 91.7238 51.0443 90.1824 58.7939C88.6409 66.5434 84.836 73.6618 79.2489 79.2489C73.6618 84.836 66.5434 88.6409 58.7938 90.1824C51.0443 91.7238 43.0117 90.9327 35.7118 87.909C28.4119 84.8853 22.1725 79.7648 17.7828 73.195C14.0478 67.6052 11.7945 61.1798 11.2054 54.5205C11.0338 52.5813 9.4718 51 7.525 51Z" /></clipPath><clipPath id="paint1_angular_2_11473_clip_path"><path d="M7.525 51C5.5782 51 3.98624 52.5804 4.1321 54.5218C4.73734 62.5771 7.41099 70.3622 11.9209 77.1118C17.0854 84.8409 24.4257 90.865 33.0139 94.4223C41.602 97.9796 51.0521 98.9104 60.1692 97.0969C69.2863 95.2834 77.6609 90.8071 84.234 84.234C90.8071 77.6609 95.2834 69.2864 97.0969 60.1692C98.9104 51.0521 97.9797 41.602 94.4223 33.0139C90.865 24.4258 84.8409 17.0854 77.1118 11.9209C70.3622 7.411 62.5771 4.73734 54.5218 4.1321C52.5804 3.98624 51 5.5782 51 7.525C51 9.4718 52.5813 11.0338 54.5205 11.2054C61.1798 11.7945 67.6052 14.0478 73.195 17.7828C79.7648 22.1726 84.8853 28.4119 87.909 35.7118C90.9327 43.0117 91.7238 51.0443 90.1824 58.7939C88.6409 66.5434 84.836 73.6618 79.2489 79.2489C73.6618 84.836 66.5434 88.6409 58.7938 90.1824C51.0443 91.7238 43.0117 90.9327 35.7118 87.909C28.4119 84.8853 22.1725 79.7648 17.7828 73.195C14.0478 67.6052 11.7945 61.1798 11.2054 54.5205C11.0338 52.5813 9.4718 51 7.525 51Z" /></clipPath></defs>
+        </svg>
+
+    )
+}

package/src/components/Icons/Step.tsx

@@ -0,0 +1,7 @@
+export default function Step() {
+    return (
+        <svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <circle cx="12.1404" cy="11.3152" r="8.31516" stroke="#D1D5DB" strokeWidth="6" />
+        </svg>
+    )
+}

package/src/components/Icons/StepChecked.tsx

@@ -0,0 +1,8 @@
+export default function StepChecked() {
+    return (
+        <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <circle cx="11.6208" cy="11.3152" r="11.3152" fill="#58CC02" />
+            <path d="M7.76074 11.8668L9.96684 14.0729L15.4821 8.55762" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        </svg>
+    )
+}

package/src/components/Icons/StepLine.tsx

@@ -0,0 +1,7 @@
+export default function StepLine() {
+    return (
+        <svg width="31" height="2" viewBox="0 0 31 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <rect x="0.936523" y="0.674805" width="29.8891" height="1.06747" fill="#D1D5DB" />
+        </svg>
+    )
+}

package/src/components/Icons/Telegram.tsx

@@ -0,0 +1,7 @@
+export default function Telegram() {
+    return (
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M11.9648 2.88186L10.2982 10.5258C10.1741 11.0644 9.85498 11.186 9.394 10.9428L6.89411 9.136L5.67076 10.2826C5.54665 10.4042 5.42254 10.5258 5.13886 10.5258L5.33389 8.00678L9.99681 3.85473C10.1918 3.66363 9.94362 3.59414 9.69541 3.75049L3.89778 7.32925L1.39789 6.58223C0.848263 6.4085 0.848263 6.04368 1.52199 5.80046L11.2379 2.1001C11.7166 1.96112 12.1244 2.20433 11.9648 2.88186Z" fill="#A71A1A" />
+        </svg>
+    )
+}

package/src/components/Icons/Trash.tsx

@@ -0,0 +1,7 @@
+export default function Trash() {
+    return (
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fillRule="evenodd" clipRule="evenodd" d="M7 5V4C7 3.20435 7.31607 2.44129 7.87868 1.87868C8.44129 1.31607 9.20435 1 10 1H14C14.7956 1 15.5587 1.31607 16.1213 1.87868C16.6839 2.44129 17 3.20435 17 4V5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H20V20C20 20.7957 19.6839 21.5587 19.1213 22.1213C18.5587 22.6839 17.7957 23 17 23H7C6.20435 23 5.44129 22.6839 4.87868 22.1213C4.31607 21.5587 4 20.7957 4 20V7H3C2.44772 7 2 6.55228 2 6C2 5.44772 2.44772 5 3 5H7ZM9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V5H9V4C9 3.73478 9.10536 3.48043 9.29289 3.29289ZM6 7V20C6 20.2652 6.10536 20.5196 6.29289 20.7071C6.48043 20.8946 6.73478 21 7 21H17C17.2652 21 17.5196 20.8946 17.7071 20.7071C17.8946 20.5196 18 20.2652 18 20V7H6Z" fill="#2D3648" />
+        </svg>
+    )
+}

package/src/components/Icons/User.tsx

@@ -0,0 +1,15 @@
+export default function User() {
+    return (
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_3885_20407)">
+                <path d="M4 18C4 15.7909 5.79086 14 8 14H16C18.2091 14 20 15.7909 20 18V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V18Z" stroke="black" strokeWidth="2" strokeLinejoin="round" />
+                <circle cx="12" cy="7" r="3" stroke="#A71A1A" strokeWidth="2" />
+            </g>
+            <defs>
+                <clipPath id="clip0_3885_20407">
+                    <rect width="24" height="24" fill="white" />
+                </clipPath>
+            </defs>
+        </svg>
+    )
+}

package/src/components/Icons/XIcon.tsx

@@ -0,0 +1,8 @@
+export default function XIcon() {
+    return (
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <rect width="16" height="16" fill="white" fillOpacity="0.01" style={{ mixBlendMode: "multiply" }} />
+            <path d="M12 4.7L11.3 4L8 7.3L4.7 4L4 4.7L7.3 8L4 11.3L4.7 12L8 8.7L11.3 12L12 11.3L8.7 8L12 4.7Z" fill="#A71A1A" />
+        </svg>
+    )
+}

package/src/components/Icons/Zalo.tsx

@@ -0,0 +1,23 @@
+export default function Zalo() {
+    return (
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_1_95123)">
+                <g clipPath="url(#clip1_1_95123)">
+                    <path d="M3.73088 9.34395C3.10848 9.26203 2.48342 9.3293 1.85995 9.30814C1.73376 9.3038 1.60705 9.3076 1.44626 9.3076C2.20443 8.22583 2.93012 7.19072 3.65528 6.15561C3.73408 6.05036 3.82033 5.94999 3.89008 5.83878C4.168 5.39663 3.97367 4.86985 3.51472 4.86226C2.52654 4.84653 1.53783 4.85358 0.549125 4.86063C0.293562 4.86226 0.0694123 5.12375 0.0720744 5.3771C0.0747365 5.62774 0.243514 5.79918 0.525166 5.83607C0.899991 5.91636 1.27961 5.85777 1.65656 5.87079C1.95099 5.88109 2.24649 5.87296 2.58351 5.87296C2.40515 6.14204 2.25927 6.3623 2.11285 6.5831C2.05907 6.65255 2.00264 6.71982 1.95206 6.79143C1.36746 7.62093 0.780729 8.44934 0.199323 9.28264C0.037467 9.51484 -0.0876523 9.76765 0.0784635 10.0536C0.216361 10.2912 0.438381 10.3519 0.694476 10.3188C0.681166 10.3123 0.669452 10.3058 0.657207 10.2999C0.669985 10.3042 0.682763 10.3096 0.694476 10.3188C0.87124 10.3188 1.048 10.3188 1.22477 10.3188C1.45424 10.3226 1.68372 10.3297 1.91319 10.3302C2.49619 10.3313 3.0792 10.3378 3.66167 10.3264C3.9513 10.3205 4.17652 10.0845 4.18397 9.82027C4.19143 9.55119 4.01679 9.36782 3.73088 9.34395Z" fill="#A71A1A" />
+                    <path d="M8.07253 6.65646C8.05229 6.20835 7.78715 6.00491 7.39369 6.11232C7.19935 6.16549 7.09287 6.31251 7.02845 6.50185C6.16699 5.64305 5.06487 6.11829 4.59634 6.80457C4.22311 7.35088 4.13367 7.95686 4.20927 8.60137C4.22311 8.68003 4.23429 8.7587 4.25133 8.83682C4.42117 9.60773 5.02015 10.2132 5.68514 10.287C6.22449 10.4291 6.65149 10.2289 7.01567 9.8345C7.19722 10.2034 7.4054 10.3374 7.69983 10.2734C7.96444 10.2164 8.07838 10.0054 8.07732 9.56487C8.07572 8.91928 8.07146 8.27369 8.0688 7.6281C8.0704 7.30477 8.0869 6.9798 8.07253 6.65646ZM6.97733 8.33283C6.94965 8.54603 6.89374 8.74296 6.7798 8.93339C6.59292 9.24479 6.32352 9.34841 5.99555 9.30012C5.67982 9.25401 5.49294 9.02181 5.37208 8.74134C5.28742 8.54495 5.25548 8.3312 5.25441 8.11528C5.30553 7.8489 5.36463 7.58524 5.52063 7.35685C5.89918 6.99608 6.21863 6.96624 6.64297 7.25106C6.90812 7.56192 6.99757 7.92974 6.97733 8.33283Z" fill="#A71A1A" />
+                    <path d="M9.59075 4.80901C9.51887 4.49815 9.37458 4.375 9.08228 4.375C8.79424 4.375 8.6276 4.51443 8.55785 4.80304C8.51312 4.99021 8.54347 5.17792 8.54081 5.36508C8.53921 6.82119 8.53495 8.27729 8.53815 9.73285C8.53921 10.2141 8.88209 10.4468 9.32081 10.2786C9.48799 10.2179 9.54869 10.0746 9.59022 9.91621C9.64612 9.85545 9.62536 9.78004 9.62536 9.7106C9.62642 8.14546 9.62642 6.57977 9.62536 5.01462C9.62589 4.94572 9.64665 4.86977 9.59075 4.80901Z" fill="#A71A1A" />
+                    <path d="M13.792 7.22175C13.398 6.31358 12.4689 5.85896 11.5254 6.10906C10.6885 6.3304 10.007 7.33568 10.0922 8.22268C10.0698 8.38598 10.1097 8.54439 10.1353 8.70226C10.2503 9.40807 10.8413 10.0889 11.4541 10.2294C11.9237 10.3922 12.3837 10.3585 12.8347 10.1557C13.3469 9.91857 13.694 9.53556 13.8452 8.97732C14.0758 8.38435 14.0422 7.79844 13.792 7.22175ZM12.8528 8.59919C12.6159 9.1596 12.3379 9.37823 11.9131 9.29577C11.4568 9.20788 11.2651 8.86502 11.1831 8.43535C11.1501 8.00025 11.2097 7.5912 11.5111 7.25267C11.8737 6.99335 12.2059 6.99335 12.569 7.25213C12.9071 7.64816 12.9475 8.10876 12.8528 8.59919Z" fill="#A71A1A" />
+                </g>
+            </g>
+            <defs>
+                <clipPath id="clip0_1_95123">
+                    <rect width="14" height="14" fill="white" />
+                </clipPath>
+                <clipPath id="clip1_1_95123">
+                    <rect width="14" height="14" fill="white" />
+                </clipPath>
+            </defs>
+        </svg>
+
+    )
+}

package/src/components/Icons/index.tsx

@@ -0,0 +1,66 @@
+import Home from "./Home"
+import Exclaimation from "./Exclaimation"
+import XIcon from "./XIcon";
+import ProgressBar from "./ProgressBar";
+import ProgressBarInner from "./ProgressBarInner";
+import PinCircle from "./PinCircle";
+import Camera from "./Camera";
+import Menu from "./Menu";
+import MapMarker from "./MapMarker";
+import Edit from "./Edit";
+import ShareMemoryBadge from "./ShareMemoryBadge";
+import ArrowCircle from "./ArrowCircle";
+import Pin from "./Pin";
+import Gift from "./Gift";
+import Share from "./Share";
+import Profile from "./Profile";
+import ChevronLeft from "./ChevronLeft";
+import ChevronRight from "./ChevronRight";
+
+import Facebook from "./Facebook";
+import Instagram from "./Instagram";
+import Telegram from "./Telegram";
+import Zalo from "./Zalo";
+import Link from "./Link";
+
+import Gear from "./Gear";
+
+import ProfileGift from "./ProfileGift";
+import Moment from "./Moment";
+import Mission from "./Mission";
+import Logout from "./Logout";
+import User from "./User";
+
+import Trash from "./Trash";
+import CornerUpRight from "./CornerUpRight";
+
+import SealCheckIcon from "./SealCheckIcon";
+import ShieldWarningIcon from "./ShieldWarningIcon";
+
+import LocationPin from "./LocationPin";
+import Email from "./Email";
+import Phone from "./Phone";
+
+import Globe from "./Globe";
+import SendMessage from "./SendMessage";
+
+import CircleCheck from "./CircleCheck";
+import Check from "./Check";
+
+import CircleAlert from "./CircleAlert";
+import PinOutlined from "./PinOutlined";
+
+import Discover from "./Discover";
+import Dart from "./Dart";
+
+export { 
+    Home, Exclaimation, XIcon, ProgressBar, ProgressBarInner, PinCircle, Camera, Menu, MapMarker, Edit, 
+    ShareMemoryBadge, Facebook, Instagram, Telegram, Zalo, 
+    Link, ArrowCircle, Pin, Gift, Share, Profile, ChevronLeft, ChevronRight,
+    Gear, ProfileGift, Moment, Mission, User, Logout, Trash, CornerUpRight,
+    SealCheckIcon, ShieldWarningIcon,
+    LocationPin, Email, Phone, Globe,
+    SendMessage, CircleCheck, Check,
+    CircleAlert, PinOutlined,
+    Discover, Dart
+};

package/src/components/Image.styled/index.tsx

@@ -0,0 +1,35 @@
+import styled from "styled-components";
+
+interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    objectFit?: "cover" | "contain" | "fill";
+}
+
+const Image = styled(
+    ({ src, objectFit, height, width, ...props }: ImageProps) => (<img src={src} {...props} />)
+)`
+    ${({ objectFit }) => {
+        if (objectFit) {
+            return `
+            object-fit: ${objectFit};
+            `
+        }
+    }}
+
+        ${({ width }) => {
+        if (width) {
+            return `
+            width: ${width};
+            `
+        }
+    }}
+
+        ${({ height }) => {
+        if (height) {
+            return `
+            height: ${height};
+            `
+        }
+    }}
+`;
+
+export default Image;

package/src/components/Input.styled/index.tsx

@@ -0,0 +1,34 @@
+import { Input as InputAntd } from "antd";
+import styled from "styled-components";
+
+const Input = styled(InputAntd)`
+    border-color: #DCDCE4;
+    padding-top: 11px;
+    padding-bottom: 11px;
+    padding-left: 16px;
+    padding-right: 16px;
+    line-height: 20px;
+
+    &:hover {
+        outline: none;
+        border-color: #DCDCE4;
+        box-shadow: none;
+    }
+
+    &:focus {
+        outline: none;
+        border-color: #DCDCE4;
+        box-shadow: none;
+    }
+
+    &.ant-input-disabled {
+        background-color: #DCDCE4;
+        color: #666687;
+    }
+
+    &.ant-input-status-error {
+        border-color: #A71A1A !important;
+    }
+`;
+
+export default Input;

package/src/components/InputPassword/index.tsx

@@ -0,0 +1,34 @@
+import { Input as InputAntd } from "antd";
+import styled from "styled-components";
+
+const InputPassword = styled(InputAntd.Password)`
+    border-color: #DCDCE4;
+    padding-top: 11px;
+    padding-bottom: 11px;
+    padding-left: 16px;
+    padding-right: 16px;
+    line-height: 20px;
+
+    &:hover {
+        outline: none;
+        border-color: #DCDCE4;
+        box-shadow: none;
+    }
+
+    &:focus {
+        outline: none;
+        border-color: #DCDCE4;
+        box-shadow: none;
+    }
+
+    &.ant-input-disabled {
+        background-color: #DCDCE4;
+        color: #666687;
+    }
+
+    &.ant-input-status-error {
+        border-color: #A71A1A !important;
+    }
+`;
+
+export default InputPassword;

package/src/components/InputSearch.styled/index.tsx

@@ -0,0 +1,18 @@
+import Input from "../Input.styled";
+import Search from "../Icons/Search";
+import { InputProps } from "antd";
+
+interface InputSearchProps extends InputProps {
+    placeholder?: string;
+    prefix?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+
+const InputSearch = (props: InputSearchProps) => (
+    <Input
+        prefix={<Search />}
+        {...props}
+    />
+)
+
+export default InputSearch;

package/src/components/Loader.styled/index.tsx

@@ -0,0 +1,26 @@
+import Spinner from "../Icons/Spinner";
+import styled, { keyframes } from "styled-components";
+
+const rotate = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+`;
+
+const Rotate = styled.div`
+    animation: ${rotate} 1s linear infinite;
+`
+
+const Loader = () => {
+    return (
+        <Rotate>
+            <Spinner/>
+        </Rotate>
+    )
+}
+
+export default Loader;

package/src/components/Modal.styled/index.tsx

@@ -0,0 +1,63 @@
+import { Modal as ModalAntd, ModalProps as ModalAntdProps } from "antd";
+import styled from "styled-components";
+
+import XIcon from "../Icons/XIcon";
+
+interface ModalProps extends ModalAntdProps {
+    $border?: string;
+}
+
+const Modal = styled(({ children, footer, ...rest }: ModalProps) => {
+    return (
+        <ModalAntd
+            closeIcon={<XIcon />}
+            footer={footer}
+            styles={{
+                mask: {
+                    backgroundColor: "rgba(0, 0, 0, 0.7)"
+                }
+            }}
+            {...rest}
+        >
+            {children}
+        </ModalAntd>
+    )
+})`
+    .ant-modal-header {
+        height: 32px;
+        display: flex;
+        align-items: center;
+    }
+
+    .ant-modal-title {
+        font-size: 16px;
+        line-height: 27px;
+        color: #A71A1A;
+        text-transform: uppercase;
+    }
+
+    .ant-modal-close {
+        border-radius: 100%;
+        background-color: #A71A1A1A;
+        top: 16px;
+        right: 16px;
+    }
+
+    .ant-modal-close:hover {
+        background-color: #A71A1A1A;
+    }
+
+    .ant-modal-content{
+        padding: 16px;
+        border-radius: 16px;
+        border: ${({ $border: border }) => border};
+        box-shadow: unset;
+    }
+
+        .ant-modal-footer{
+      ${({ footer }) => {
+        if (!footer) return "margin-top: 0px;"
+    }}
+    }
+`
+export default Modal;

package/src/components/ProcessBar.styled/index.tsx

@@ -0,0 +1,26 @@
+import Spinner from "../Icons/Spinner";
+import styled, { keyframes } from "styled-components";
+
+const rotate = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+`;
+
+const Rotate = styled.div`
+    animation: ${rotate} 1s linear infinite;
+`
+
+const Loader = () => {
+    return (
+        <Rotate>
+            <Spinner/>
+        </Rotate>
+    )
+}
+
+export default Loader;

package/src/components/ProgressCircular.styled/index.tsx

@@ -0,0 +1,61 @@
+import { Progress, ProgressProps } from "antd";
+import styled from "styled-components";
+
+interface ProgressCircularProps extends ProgressProps {
+    children?: React.ReactNode;
+    size?: number;
+    strokeWidth?: number;
+    innerCircleHeight?: string;
+    innerCircleWidth?: string;
+}
+
+const ProgressCircular = styled(({ children, size, strokeWidth, innerCircleHeight, innerCircleWidth, ...props }: ProgressCircularProps) => (
+    <div style={{
+        position: "relative",
+        width: "100%",
+        height: "100%",
+    }}>
+        <Progress
+            type="circle"
+            percent={props.percent}
+            strokeColor={props.strokeColor}
+            trailColor={props.trailColor}
+            strokeLinecap="square"
+            strokeWidth={strokeWidth ?? 10}
+            size={size}
+            showInfo={false}
+            style={{
+                position: "relative",
+            }}
+        />
+        <div
+            style={
+                {
+                    position: "absolute",
+                    top: "50%",
+                    left: "50%",
+                    transform: "translate(-50%, -50%)",
+                    width: innerCircleWidth ?? "62%",
+                    height: innerCircleHeight ?? "62%",
+                    boxShadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.1)",
+                    borderRadius: "100%",
+                    backgroundColor: "#fff",
+                }
+            }
+        >
+            <div style={{
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+            }}>
+                {children}
+            </div>
+        </div>
+    </div>
+))`
+    
+`;
+
+export default ProgressCircular;

package/src/components/SVGs/NoResult.tsx

@@ -0,0 +1,62 @@
+export default function NoResult() {
+    return (
+        <svg width="100%" height="100%" viewBox="0 0 321 264" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g id="No Results">
+                <g id="circle">
+                    <path id="Stroke 1" d="M11.6895 121.511V124.225" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <g id="Group 8">
+                        <path id="Stroke 2" d="M5.5957 122.98L7.81341 125.263" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                        <path id="Stroke 4" d="M3 129.057H6.13581" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                        <path id="Stroke 6" d="M5.33789 135.242L7.5556 132.959" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    </g>
+                    <path id="Stroke 9" d="M11.6895 135.985V133.271" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 10" d="M16.2117 134.176L14.4023 132.367" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 11" d="M19.8292 129.653H17.1152" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 12" d="M18.0222 123.32L16.2129 125.129" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 13" d="M157.342 3V4.80932" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 15" d="M151.91 8.42798H153.719" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 16" d="M157.342 13.8562V12.0469" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 17" d="M161.858 8.42798H160.049" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 18" d="M52.4004 78.9917V81.7057" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 19" d="M44.2559 87.1333H46.9698" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 20" d="M52.4004 94.3707V91.6567" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <path id="Stroke 21" d="M59.6378 87.1333H56.9238" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    <g id="Group 42">
+                        <path id="Stroke 22" d="M247.126 177.634C249.288 177.634 251.042 179.388 251.042 181.551C251.042 183.714 249.288 185.467 247.126 185.467C244.964 185.467 243.211 183.714 243.211 181.551" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                        <path id="Fill 26" fillRule="evenodd" clipRule="evenodd" d="M265.049 142.104C267.374 141.379 270.937 138.536 271.762 135.477C272.51 138.181 275.646 141.379 278.475 141.621C275.29 142.749 272.245 146.099 271.762 148.731C271.433 146.048 267.222 142.495 265.049 142.104Z" fill="#EBECEE" />
+                        <path id="Fill 28" fillRule="evenodd" clipRule="evenodd" d="M26.4082 176.429C27.571 176.066 29.352 174.645 29.7644 173.115C30.1385 174.467 31.706 176.066 33.1207 176.187C31.5286 176.75 30.0064 178.426 29.7644 179.742C29.6001 178.401 27.4942 176.624 26.4082 176.429Z" fill="#EBECEE" />
+                        <path id="Fill 30" fillRule="evenodd" clipRule="evenodd" d="M47.9841 50.5827C47.9841 52.2605 46.6247 53.6194 44.9481 53.6194C43.2707 53.6194 41.9121 52.2605 41.9121 50.5827C41.9121 48.9056 43.2707 47.5459 44.9481 47.5459C46.6247 47.5459 47.9841 48.9056 47.9841 50.5827Z" fill="#D1D8DF" />
+                        <path id="Fill 32" fillRule="evenodd" clipRule="evenodd" d="M250.718 58.7365C250.718 61.5398 248.445 63.8121 245.643 63.8121C242.84 63.8121 240.568 61.5398 240.568 58.7365C240.568 55.9333 242.84 53.6609 245.643 53.6609C248.445 53.6609 250.718 55.9333 250.718 58.7365Z" fill="#EBECEE" />
+                        <path id="Fill 34" fillRule="evenodd" clipRule="evenodd" d="M321.005 44.9847C321.005 47.2087 319.203 49.011 316.98 49.011C314.757 49.011 312.955 47.2087 312.955 44.9847C312.955 42.7607 314.757 40.9585 316.98 40.9585C319.203 40.9585 321.005 42.7607 321.005 44.9847Z" fill="#EBECEE" />
+                        <path id="Stroke 36" fillRule="evenodd" clipRule="evenodd" d="M104.725 233.026C104.725 234.428 103.589 235.564 102.187 235.564C100.786 235.564 99.6504 234.428 99.6504 233.026C99.6504 231.624 100.786 230.487 102.187 230.487C103.589 230.487 104.725 231.624 104.725 233.026Z" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                        <path id="Stroke 38" fillRule="evenodd" clipRule="evenodd" d="M103.215 31.0732C103.215 32.7509 101.855 34.1099 100.179 34.1099C98.502 34.1099 97.1426 32.7509 97.1426 31.0732C97.1426 29.3961 98.502 28.0364 100.179 28.0364C101.855 28.0364 103.215 29.3961 103.215 31.0732Z" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                        <path id="Stroke 40" fillRule="evenodd" clipRule="evenodd" d="M180.66 261.133C178.72 261.871 176.549 260.896 175.811 258.956C175.073 257.016 176.047 254.843 177.988 254.106C179.927 253.367 182.098 254.342 182.836 256.282C183.575 258.223 182.6 260.394 180.66 261.133Z" stroke="#D2D8DF" strokeWidth="0.880838" strokeLinecap="round" />
+                    </g>
+                </g>
+                <g id="search">
+                    <g id="documents">
+                        <path id="Fill 1" fillRule="evenodd" clipRule="evenodd" d="M179.501 189.359H105.314C100.093 189.359 95.8184 185.072 95.8184 179.833V74.0399C95.8184 68.8008 100.093 64.5161 105.314 64.5161H179.501C184.724 64.5161 188.998 68.8008 188.998 74.0399V179.833C188.998 185.072 184.724 189.359 179.501 189.359Z" fill="#E0E2EE" />
+                        <path id="Fill 3" fillRule="evenodd" clipRule="evenodd" d="M173.172 193.883H98.986C93.7644 193.883 89.4902 189.596 89.4902 184.357V78.5634C89.4902 73.3242 93.7644 69.0396 98.986 69.0396H173.172C178.396 69.0396 182.67 73.3242 182.67 78.5634V184.357C182.67 189.596 178.396 193.883 173.172 193.883Z" fill="#E8EBF2" />
+                        <path id="Fill 5" fillRule="evenodd" clipRule="evenodd" d="M167.011 197.453H92.6716C87.4392 197.453 83.1562 193.184 83.1562 187.967V82.6116C83.1562 77.3941 87.4392 73.1272 92.6716 73.1272H167.011C172.246 73.1272 176.529 77.3941 176.529 82.6116V187.967C176.529 193.184 172.246 197.453 167.011 197.453Z" fill="#D8DBEA" />
+                        <path id="Fill 8" fillRule="evenodd" clipRule="evenodd" d="M167.011 197.453H92.6716C87.4392 197.453 83.1562 193.184 83.1562 187.967V82.6116C83.1562 77.3941 87.4392 73.1272 92.6716 73.1272H167.011C172.246 73.1272 176.529 77.3941 176.529 82.6116V187.967C176.529 193.184 172.246 197.453 167.011 197.453Z" fill="#F1F2F7" />
+                        <path id="Fill 11" fillRule="evenodd" clipRule="evenodd" d="M156.298 105.226H101.389C99.8207 105.226 98.5371 104.005 98.5371 102.513C98.5371 101.019 99.8207 99.7983 101.389 99.7983H156.298C157.866 99.7983 159.149 101.019 159.149 102.513C159.149 104.005 157.866 105.226 156.298 105.226Z" fill="#E0E2EE" />
+                        <path id="Fill 13" fillRule="evenodd" clipRule="evenodd" d="M156.298 121.51H101.389C99.8207 121.51 98.5371 120.288 98.5371 118.797C98.5371 117.303 99.8207 116.082 101.389 116.082H156.298C157.866 116.082 159.149 117.303 159.149 118.797C159.149 120.288 157.866 121.51 156.298 121.51Z" fill="#E0E2EE" />
+                        <path id="Fill 15" fillRule="evenodd" clipRule="evenodd" d="M156.298 137.794H101.389C99.8207 137.794 98.5371 136.573 98.5371 135.081C98.5371 133.589 99.8207 132.366 101.389 132.366H156.298C157.866 132.366 159.149 133.589 159.149 135.081C159.149 136.573 157.866 137.794 156.298 137.794Z" fill="#E0E2EE" />
+                        <path id="Fill 17" fillRule="evenodd" clipRule="evenodd" d="M156.298 154.077H101.389C99.8207 154.077 98.5371 152.856 98.5371 151.364C98.5371 149.871 99.8207 148.649 101.389 148.649H156.298C157.866 148.649 159.149 149.871 159.149 151.364C159.149 152.856 157.866 154.077 156.298 154.077Z" fill="#E0E2EE" />
+                        <path id="Fill 19" fillRule="evenodd" clipRule="evenodd" d="M130.05 170.362H101.401C99.8262 170.362 98.5371 169.141 98.5371 167.649C98.5371 166.155 99.8262 164.934 101.401 164.934H130.05C131.625 164.934 132.914 166.155 132.914 167.649C132.914 169.141 131.625 170.362 130.05 170.362Z" fill="#E0E2EE" />
+                    </g>
+                    <g id="search_2">
+                        <path id="Fill 21" fillRule="evenodd" clipRule="evenodd" d="M187.874 149.316C176.895 160.294 159.897 161.533 147.557 153.057C145.98 151.954 144.479 150.716 143.079 149.316C142.358 148.598 141.679 147.857 141.039 147.077C139.759 145.518 138.638 143.856 137.719 142.139C136.101 139.239 135 136.161 134.399 132.98C132.461 123.003 135.359 112.265 143.079 104.549C150.817 96.8102 161.557 93.9306 171.535 95.8504C174.715 96.4696 177.795 97.5699 180.696 99.1697C182.416 100.109 184.055 101.23 185.616 102.51C186.394 103.147 187.135 103.829 187.854 104.549C189.256 105.949 190.513 107.447 191.595 109.026C200.074 121.362 198.833 138.359 187.874 149.316Z" fill="white" fillOpacity="0.1" />
+                        <path id="Fill 23" fillRule="evenodd" clipRule="evenodd" d="M184.795 147.154C173.372 158.579 154.861 158.577 143.436 147.154C132.026 135.744 132.026 117.231 143.451 105.808C154.861 94.3979 173.372 94.3979 184.782 105.808C196.205 117.231 196.205 135.744 184.795 147.154ZM190.659 99.939C175.997 85.2768 152.238 85.2768 137.576 99.939C122.916 114.599 122.903 138.373 137.563 153.036C150.907 166.376 171.823 167.579 186.534 156.626C187.971 155.554 189.354 154.353 190.674 153.036C191.992 151.716 193.193 150.332 194.262 148.895C205.215 134.182 204.002 113.281 190.659 99.939Z" fill="#E0E2EE" />
+                        <path id="Fill 25" fillRule="evenodd" clipRule="evenodd" d="M248.367 208.305L247.752 208.92C243.679 212.995 237.01 212.995 232.936 208.92L195.334 171.318L210.765 155.887L248.367 193.489C252.442 197.564 252.442 204.23 248.367 208.305Z" fill="#FFB2B2" />
+                        <path id="Fill 27" fillRule="evenodd" clipRule="evenodd" d="M195.076 147.745L206.187 158.856L198.299 166.743L187.189 155.631C188.656 154.538 190.065 153.313 191.415 151.968C192.759 150.623 193.985 149.211 195.076 147.745Z" fill="#E0E2EE" />
+                        <path id="Fill 29" fillRule="evenodd" clipRule="evenodd" d="M247.804 193.027L232.471 208.357L229.711 205.595L245.042 190.264L247.804 193.027Z" fill="#CC6666" />
+                        <path id="Fill 31" fillRule="evenodd" clipRule="evenodd" d="M211.617 156.418L195.864 172.171L193.523 169.831L209.276 154.078L211.617 156.418Z" fill="#CC6666" />
+                        <path id="Fill 33" fillRule="evenodd" clipRule="evenodd" d="M177.235 101.878L138.603 140.508C137.148 137.901 136.159 135.134 135.621 132.274L169.001 98.8938C171.859 99.4525 174.628 100.44 177.235 101.878Z" fill="white" fillOpacity="0.5" />
+                        <path id="Fill 35" fillRule="evenodd" clipRule="evenodd" d="M189.902 111.06L148.137 150.459C146.641 149.475 145.217 148.366 143.89 147.114C143.206 146.469 142.56 145.808 141.955 145.11L184.229 105.226C184.97 105.799 185.673 106.409 186.354 107.053C187.681 108.306 188.876 109.647 189.902 111.06Z" fill="white" fillOpacity="0.5" />
+                    </g>
+                </g>
+            </g>
+        </svg>
+    )
+}

package/src/components/SVGs/index.tsx

@@ -0,0 +1,3 @@
+import NoResult from "./NoResult";
+
+export { NoResult };