From 1e38837f52cb093a64283fe302c6ec00065ee58f Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 28 Feb 2023 18:22:28 +0800
Subject: [PATCH] Add reader images

---
 .../images/LineHeightDecreaseIcon.tsx         | 60 +++++++++++++++++++
 .../images/LineHeightIncreaseIconProps.tsx    | 60 +++++++++++++++++++
 2 files changed, 120 insertions(+)
 create mode 100644 packages/web/components/elements/images/LineHeightDecreaseIcon.tsx
 create mode 100644 packages/web/components/elements/images/LineHeightIncreaseIconProps.tsx

diff --git a/packages/web/components/elements/images/LineHeightDecreaseIcon.tsx b/packages/web/components/elements/images/LineHeightDecreaseIcon.tsx
new file mode 100644
index 000000000..ee13ad7f6
--- /dev/null
+++ b/packages/web/components/elements/images/LineHeightDecreaseIcon.tsx
@@ -0,0 +1,60 @@
+type LineHeightDecreaseIconProps = {
+  strokeColor: string
+}
+
+export function LineHeightDecreaseIcon(
+  props: LineHeightDecreaseIconProps
+): JSX.Element {
+  return (
+    <svg
+      width="23"
+      height="14"
+      viewBox="0 0 23 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.2728 4.04077L21.8195 4.04077"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.2728 6.92456L21.8195 6.92456"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.2728 9.80811L21.8195 9.80811"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M5.20044 2.69069L3.27599 1.15112L1.35153 2.69069"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M5.20044 11.1582L3.27599 12.6978L1.35153 11.1582"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M3.276 1.15112L3.276 12.6978"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}
diff --git a/packages/web/components/elements/images/LineHeightIncreaseIconProps.tsx b/packages/web/components/elements/images/LineHeightIncreaseIconProps.tsx
new file mode 100644
index 000000000..3cd42ca24
--- /dev/null
+++ b/packages/web/components/elements/images/LineHeightIncreaseIconProps.tsx
@@ -0,0 +1,60 @@
+type LineHeightIncreaseIconProps = {
+  strokeColor: string
+}
+
+export function LineHeightIncreaseIcon(
+  props: LineHeightIncreaseIconProps
+): JSX.Element {
+  return (
+    <svg
+      width="23"
+      height="14"
+      viewBox="0 0 23 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.2728 2.04089L21.8195 2.04089"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.2728 6.92468L21.8195 6.92468"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.2728 11.8081L21.8195 11.8081"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M5.20044 2.69069L3.27599 1.15112L1.35153 2.69069"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M5.20044 11.1583L3.27599 12.6979L1.35153 11.1583"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M3.276 1.15112L3.276 12.6978"
+        stroke="#969696"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}