From ee397d0e6ec47ea95bb926c34c5be493115a073a Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Thu, 29 Feb 2024 09:30:29 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20add=20squigglyline=20ic?=
 =?UTF-8?q?on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shared/CustomIcon/SquigglyLine.tsx        | 20 +++++++++++++++++++
 .../src/components/shared/CustomIcon/index.ts |  1 +
 2 files changed, 21 insertions(+)
 create mode 100644 packages/frontend/src/components/shared/CustomIcon/SquigglyLine.tsx

diff --git a/packages/frontend/src/components/shared/CustomIcon/SquigglyLine.tsx b/packages/frontend/src/components/shared/CustomIcon/SquigglyLine.tsx
new file mode 100644
index 00000000..cc309d7e
--- /dev/null
+++ b/packages/frontend/src/components/shared/CustomIcon/SquigglyLine.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { CustomIcon, CustomIconProps } from './CustomIcon';
+
+export const SquigglyLine: React.FC<CustomIconProps> = (props) => {
+  return (
+    <CustomIcon
+      width="272"
+      height="5"
+      viewBox="0 0 272 5"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M-35.5 4L-29.1045 1.30714C-27.1192 0.47125 -24.8808 0.47125 -22.8955 1.30714L-19.6045 2.69286C-17.6192 3.52875 -15.3808 3.52875 -13.3955 2.69286L-10.1045 1.30714C-8.11922 0.47125 -5.88078 0.47125 -3.89554 1.30714L-0.604455 2.69286C1.38078 3.52875 3.61922 3.52875 5.60446 2.69286L8.89555 1.30714C10.8808 0.47125 13.1192 0.47125 15.1045 1.30714L18.3955 2.69286C20.3808 3.52875 22.6192 3.52875 24.6045 2.69286L27.8955 1.30714C29.8808 0.47125 32.1192 0.47125 34.1045 1.30714L37.3955 2.69286C39.3808 3.52875 41.6192 3.52875 43.6045 2.69286L46.8955 1.30714C48.8808 0.47125 51.1192 0.47125 53.1045 1.30714L56.3955 2.69286C58.3808 3.52875 60.6192 3.52875 62.6045 2.69286L65.8955 1.30714C67.8808 0.47125 70.1192 0.47125 72.1045 1.30714L75.3955 2.69286C77.3808 3.52875 79.6192 3.52875 81.6045 2.69286L84.8955 1.30714C86.8808 0.47125 89.1192 0.47125 91.1045 1.30714L94.3955 2.69286C96.3808 3.52875 98.6192 3.52875 100.604 2.69286L103.896 1.30714C105.881 0.47125 108.119 0.47125 110.104 1.30714L113.396 2.69286C115.381 3.52875 117.619 3.52875 119.604 2.69286L122.896 1.30714C124.881 0.47125 127.119 0.47125 129.104 1.30714L132.396 2.69286C134.381 3.52875 136.619 3.52875 138.604 2.69286L141.896 1.30714C143.881 0.47125 146.119 0.47125 148.104 1.30714L151.396 2.69286C153.381 3.52875 155.619 3.52875 157.604 2.69286L160.896 1.30714C162.881 0.47125 165.119 0.47125 167.104 1.30714L170.396 2.69286C172.381 3.52875 174.619 3.52875 176.604 2.69286L179.896 1.30714C181.881 0.47125 184.119 0.47125 186.104 1.30714L189.396 2.69286C191.381 3.52875 193.619 3.52875 195.604 2.69286L198.896 1.30714C200.881 0.47125 203.119 0.47125 205.104 1.30714L208.396 2.69286C210.381 3.52875 212.619 3.52875 214.604 2.69286L217.896 1.30714C219.881 0.47125 222.119 0.47125 224.104 1.30714L227.396 2.69286C229.381 3.52875 231.619 3.52875 233.604 2.69286L236.896 1.30714C238.881 0.47125 241.119 0.47125 243.104 1.30714L246.396 2.69286C248.381 3.52875 250.619 3.52875 252.604 2.69286L255.896 1.30714C257.881 0.47125 260.119 0.47125 262.104 1.30714L265.396 2.69286C267.381 3.52875 269.619 3.52875 271.604 2.69286L274.896 1.30714C276.881 0.47125 279.119 0.47125 281.104 1.30714L284.473 2.72566C286.413 3.54216 288.595 3.56183 290.549 2.78039L294.529 1.18845C296.436 0.425535 298.564 0.425535 300.471 1.18845L307.5 4"
+        stroke="#082F56"
+        strokeOpacity="0.1"
+      />
+    </CustomIcon>
+  );
+};
diff --git a/packages/frontend/src/components/shared/CustomIcon/index.ts b/packages/frontend/src/components/shared/CustomIcon/index.ts
index 59a6d8f2..7a0c856e 100644
--- a/packages/frontend/src/components/shared/CustomIcon/index.ts
+++ b/packages/frontend/src/components/shared/CustomIcon/index.ts
@@ -36,3 +36,4 @@ export * from './ClockIcon';
 export * from './HorizontalDotIcon';
 export * from './WarningDiamondIcon';
 export * from './ArrowRightCircleFilledIcon';
+export * from './SquigglyLine';