From b4fc2286bd65a27c327146fb27e43a57139a179f Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 12 Apr 2024 10:59:30 +0300
Subject: [PATCH] feat(nimbus-text): create component with story and delete old
 one

---
 public/icons/nimbus.svg                       | 10 -----
 src/components/General/NimbusText.stories.tsx | 19 +++++++++
 src/components/General/NimbusText.tsx         | 40 +++++++++++++++++++
 3 files changed, 59 insertions(+), 10 deletions(-)
 delete mode 100644 public/icons/nimbus.svg
 create mode 100644 src/components/General/NimbusText.stories.tsx
 create mode 100644 src/components/General/NimbusText.tsx

diff --git a/public/icons/nimbus.svg b/public/icons/nimbus.svg
deleted file mode 100644
index 890df691..00000000
--- a/public/icons/nimbus.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="80" height="17" viewBox="0 0 80 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Nimbus">
-<path d="M13.3747 0.773082V16.7657H10.7522L3.08342 5.8723H2.94832V16.7657H0V0.773082H2.63839L10.2993 11.6743H10.4423V0.773082H13.3747Z" fill="black"/>
-<path d="M16.4601 16.7657V4.77124H19.3369V16.7657H16.4601ZM17.9065 3.0689C17.4508 3.0689 17.0588 2.92053 16.7303 2.62379C16.4018 2.32185 16.2376 1.96004 16.2376 1.53836C16.2376 1.11147 16.4018 0.749655 16.7303 0.452917C17.0588 0.150972 17.4508 0 17.9065 0C18.3674 0 18.7594 0.150972 19.0826 0.452917C19.4111 0.749655 19.5753 1.11147 19.5753 1.53836C19.5753 1.96004 19.4111 2.32185 19.0826 2.62379C18.7594 2.92053 18.3674 3.0689 17.9065 3.0689Z" fill="black"/>
-<path d="M22.2952 16.7657V4.77124H25.0448V6.80937H25.1879C25.4422 6.12219 25.8634 5.58597 26.4514 5.20073C27.0395 4.81029 27.7415 4.61507 28.5574 4.61507C29.3839 4.61507 30.0805 4.81289 30.6474 5.20854C31.2196 5.59899 31.6223 6.1326 31.8554 6.80937H31.9825C32.2527 6.14301 32.7083 5.612 33.3494 5.21635C33.9957 4.8155 34.7613 4.61507 35.6461 4.61507C36.7692 4.61507 37.6858 4.96386 38.3957 5.66146C39.1056 6.35906 39.4606 7.37682 39.4606 8.71475V16.7657H36.5759V9.15204C36.5759 8.40759 36.3745 7.86357 35.9719 7.51998C35.5692 7.17118 35.0765 6.99678 34.4938 6.99678C33.7997 6.99678 33.2567 7.21023 32.8646 7.63712C32.4779 8.0588 32.2845 8.60802 32.2845 9.2848V16.7657H29.4633V9.03491C29.4633 8.4154 29.2726 7.92084 28.8912 7.55122C28.515 7.1816 28.0223 6.99678 27.413 6.99678C26.9998 6.99678 26.6236 7.1009 26.2846 7.30914C25.9455 7.51217 25.6753 7.8011 25.474 8.17593C25.2726 8.54555 25.172 8.97765 25.172 9.47221V16.7657H22.2952Z" fill="black"/>
-<path d="M42.5063 16.7657V0.773082H45.3831V6.75471H45.5023C45.6506 6.46318 45.8599 6.15342 46.1301 5.82545C46.4003 5.49227 46.7658 5.20854 47.2268 4.97428C47.6877 4.7348 48.2758 4.61507 48.991 4.61507C49.934 4.61507 50.7844 4.85194 51.542 5.32568C52.3049 5.79421 52.9088 6.48921 53.3539 7.41066C53.8042 8.3269 54.0294 9.45139 54.0294 10.7841C54.0294 12.1012 53.8095 13.2205 53.3698 14.1419C52.93 15.0634 52.3314 15.7662 51.5737 16.2503C50.8161 16.7345 49.9579 16.9766 48.9989 16.9766C48.2996 16.9766 47.7195 16.862 47.2586 16.633C46.7976 16.4039 46.4268 16.128 46.146 15.8052C45.8705 15.4773 45.6559 15.1675 45.5023 14.876H45.3354V16.7657H42.5063ZM45.3274 10.7685C45.3274 11.5442 45.4387 12.2235 45.6612 12.8066C45.889 13.3897 46.2148 13.8452 46.6387 14.1732C47.0678 14.4959 47.587 14.6573 48.1963 14.6573C48.832 14.6573 49.3645 14.4907 49.7936 14.1576C50.2228 13.8192 50.5459 13.3584 50.7632 12.7754C50.9857 12.1871 51.0969 11.5181 51.0969 10.7685C51.0969 10.024 50.9883 9.36288 50.7711 8.78502C50.5539 8.20717 50.2307 7.75425 49.8016 7.42627C49.3724 7.0983 48.8373 6.93431 48.1963 6.93431C47.5817 6.93431 47.0599 7.09309 46.6307 7.41066C46.2016 7.72822 45.8758 8.17333 45.6533 8.74598C45.436 9.31863 45.3274 9.9928 45.3274 10.7685Z" fill="black"/>
-<path d="M64.2551 11.7212V4.77124H67.1319V16.7657H64.3425V14.6339H64.2154C63.9399 15.3055 63.4869 15.8547 62.8564 16.2816C62.2313 16.7085 61.4604 16.9219 60.5439 16.9219C59.7439 16.9219 59.0366 16.7475 58.422 16.3987C57.8128 16.0447 57.3359 15.5319 56.9916 14.8604C56.6472 14.1836 56.475 13.3663 56.475 12.4084V4.77124H59.3518V11.9711C59.3518 12.7311 59.5637 13.335 59.9876 13.7827C60.4114 14.2304 60.9677 14.4543 61.6564 14.4543C62.0803 14.4543 62.4909 14.3528 62.8882 14.1497C63.2856 13.9467 63.6114 13.6448 63.8657 13.2439C64.1253 12.8378 64.2551 12.3303 64.2551 11.7212Z" fill="black"/>
-<path d="M79.7377 7.94166L77.1152 8.22278C77.0411 7.96249 76.9113 7.71781 76.7259 7.48875C76.5457 7.25968 76.302 7.07487 75.9947 6.93431C75.6875 6.79375 75.3113 6.72347 74.8663 6.72347C74.2676 6.72347 73.7643 6.85102 73.3563 7.10611C72.9537 7.3612 72.755 7.69178 72.7603 8.09784C72.755 8.44664 72.8848 8.73036 73.1497 8.94901C73.4199 9.16766 73.8649 9.34727 74.4848 9.48783L76.5669 9.92513C77.7219 10.1698 78.5801 10.5576 79.1417 11.0887C79.7086 11.6197 79.9947 12.3147 80 13.1736C79.9947 13.9285 79.7695 14.5949 79.3245 15.1727C78.8848 15.7454 78.2729 16.1931 77.4888 16.5158C76.7047 16.8386 75.804 17 74.7868 17C73.2928 17 72.0901 16.6928 71.1789 16.0785C70.2676 15.459 69.7246 14.5975 69.5498 13.4938L72.355 13.2283C72.4822 13.7697 72.7524 14.1784 73.1656 14.4543C73.5789 14.7302 74.1166 14.8682 74.7788 14.8682C75.4623 14.8682 76.0106 14.7302 76.4239 14.4543C76.8424 14.1784 77.0517 13.8374 77.0517 13.4313C77.0517 13.0877 76.9166 12.804 76.6464 12.5802C76.3815 12.3563 75.9682 12.1845 75.4067 12.0648L73.3246 11.6353C72.1537 11.3958 71.2875 10.9923 70.7259 10.4249C70.1643 9.85224 69.8862 9.12862 69.8915 8.25402C69.8862 7.51478 70.0901 6.87444 70.5034 6.33303C70.9219 5.7864 71.5021 5.36472 72.2438 5.06798C72.9908 4.76604 73.8517 4.61507 74.8265 4.61507C76.257 4.61507 77.3828 4.91441 78.204 5.51309C79.0305 6.11177 79.5417 6.9213 79.7377 7.94166Z" fill="black"/>
-</g>
-</svg>
diff --git a/src/components/General/NimbusText.stories.tsx b/src/components/General/NimbusText.stories.tsx
new file mode 100644
index 00000000..b1fe166f
--- /dev/null
+++ b/src/components/General/NimbusText.stories.tsx
@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import NimbusText from './NimbusText'
+
+const meta = {
+  title: 'General/NimbusText',
+  component: NimbusText,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+} satisfies Meta<typeof NimbusText>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}
diff --git a/src/components/General/NimbusText.tsx b/src/components/General/NimbusText.tsx
new file mode 100644
index 00000000..d11e62c2
--- /dev/null
+++ b/src/components/General/NimbusText.tsx
@@ -0,0 +1,40 @@
+const NimbusText = () => {
+  return (
+    <svg
+      width="80"
+      height="17"
+      viewBox="0 0 80 17"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g id="Nimbus">
+        <path
+          d="M13.3747 0.773082V16.7657H10.7522L3.08342 5.8723H2.94832V16.7657H0V0.773082H2.63839L10.2993 11.6743H10.4423V0.773082H13.3747Z"
+          fill="black"
+        />
+        <path
+          d="M16.4601 16.7657V4.77124H19.3369V16.7657H16.4601ZM17.9065 3.0689C17.4508 3.0689 17.0588 2.92053 16.7303 2.62379C16.4018 2.32185 16.2376 1.96004 16.2376 1.53836C16.2376 1.11147 16.4018 0.749655 16.7303 0.452917C17.0588 0.150972 17.4508 0 17.9065 0C18.3674 0 18.7594 0.150972 19.0826 0.452917C19.4111 0.749655 19.5753 1.11147 19.5753 1.53836C19.5753 1.96004 19.4111 2.32185 19.0826 2.62379C18.7594 2.92053 18.3674 3.0689 17.9065 3.0689Z"
+          fill="black"
+        />
+        <path
+          d="M22.2952 16.7657V4.77124H25.0448V6.80937H25.1879C25.4422 6.12219 25.8634 5.58597 26.4514 5.20073C27.0395 4.81029 27.7415 4.61507 28.5574 4.61507C29.3839 4.61507 30.0805 4.81289 30.6474 5.20854C31.2196 5.59899 31.6223 6.1326 31.8554 6.80937H31.9825C32.2527 6.14301 32.7083 5.612 33.3494 5.21635C33.9957 4.8155 34.7613 4.61507 35.6461 4.61507C36.7692 4.61507 37.6858 4.96386 38.3957 5.66146C39.1056 6.35906 39.4606 7.37682 39.4606 8.71475V16.7657H36.5759V9.15204C36.5759 8.40759 36.3745 7.86357 35.9719 7.51998C35.5692 7.17118 35.0765 6.99678 34.4938 6.99678C33.7997 6.99678 33.2567 7.21023 32.8646 7.63712C32.4779 8.0588 32.2845 8.60802 32.2845 9.2848V16.7657H29.4633V9.03491C29.4633 8.4154 29.2726 7.92084 28.8912 7.55122C28.515 7.1816 28.0223 6.99678 27.413 6.99678C26.9998 6.99678 26.6236 7.1009 26.2846 7.30914C25.9455 7.51217 25.6753 7.8011 25.474 8.17593C25.2726 8.54555 25.172 8.97765 25.172 9.47221V16.7657H22.2952Z"
+          fill="black"
+        />
+        <path
+          d="M42.5063 16.7657V0.773082H45.3831V6.75471H45.5023C45.6506 6.46318 45.8599 6.15342 46.1301 5.82545C46.4003 5.49227 46.7658 5.20854 47.2268 4.97428C47.6877 4.7348 48.2758 4.61507 48.991 4.61507C49.934 4.61507 50.7844 4.85194 51.542 5.32568C52.3049 5.79421 52.9088 6.48921 53.3539 7.41066C53.8042 8.3269 54.0294 9.45139 54.0294 10.7841C54.0294 12.1012 53.8095 13.2205 53.3698 14.1419C52.93 15.0634 52.3314 15.7662 51.5737 16.2503C50.8161 16.7345 49.9579 16.9766 48.9989 16.9766C48.2996 16.9766 47.7195 16.862 47.2586 16.633C46.7976 16.4039 46.4268 16.128 46.146 15.8052C45.8705 15.4773 45.6559 15.1675 45.5023 14.876H45.3354V16.7657H42.5063ZM45.3274 10.7685C45.3274 11.5442 45.4387 12.2235 45.6612 12.8066C45.889 13.3897 46.2148 13.8452 46.6387 14.1732C47.0678 14.4959 47.587 14.6573 48.1963 14.6573C48.832 14.6573 49.3645 14.4907 49.7936 14.1576C50.2228 13.8192 50.5459 13.3584 50.7632 12.7754C50.9857 12.1871 51.0969 11.5181 51.0969 10.7685C51.0969 10.024 50.9883 9.36288 50.7711 8.78502C50.5539 8.20717 50.2307 7.75425 49.8016 7.42627C49.3724 7.0983 48.8373 6.93431 48.1963 6.93431C47.5817 6.93431 47.0599 7.09309 46.6307 7.41066C46.2016 7.72822 45.8758 8.17333 45.6533 8.74598C45.436 9.31863 45.3274 9.9928 45.3274 10.7685Z"
+          fill="black"
+        />
+        <path
+          d="M64.2551 11.7212V4.77124H67.1319V16.7657H64.3425V14.6339H64.2154C63.9399 15.3055 63.4869 15.8547 62.8564 16.2816C62.2313 16.7085 61.4604 16.9219 60.5439 16.9219C59.7439 16.9219 59.0366 16.7475 58.422 16.3987C57.8128 16.0447 57.3359 15.5319 56.9916 14.8604C56.6472 14.1836 56.475 13.3663 56.475 12.4084V4.77124H59.3518V11.9711C59.3518 12.7311 59.5637 13.335 59.9876 13.7827C60.4114 14.2304 60.9677 14.4543 61.6564 14.4543C62.0803 14.4543 62.4909 14.3528 62.8882 14.1497C63.2856 13.9467 63.6114 13.6448 63.8657 13.2439C64.1253 12.8378 64.2551 12.3303 64.2551 11.7212Z"
+          fill="black"
+        />
+        <path
+          d="M79.7377 7.94166L77.1152 8.22278C77.0411 7.96249 76.9113 7.71781 76.7259 7.48875C76.5457 7.25968 76.302 7.07487 75.9947 6.93431C75.6875 6.79375 75.3113 6.72347 74.8663 6.72347C74.2676 6.72347 73.7643 6.85102 73.3563 7.10611C72.9537 7.3612 72.755 7.69178 72.7603 8.09784C72.755 8.44664 72.8848 8.73036 73.1497 8.94901C73.4199 9.16766 73.8649 9.34727 74.4848 9.48783L76.5669 9.92513C77.7219 10.1698 78.5801 10.5576 79.1417 11.0887C79.7086 11.6197 79.9947 12.3147 80 13.1736C79.9947 13.9285 79.7695 14.5949 79.3245 15.1727C78.8848 15.7454 78.2729 16.1931 77.4888 16.5158C76.7047 16.8386 75.804 17 74.7868 17C73.2928 17 72.0901 16.6928 71.1789 16.0785C70.2676 15.459 69.7246 14.5975 69.5498 13.4938L72.355 13.2283C72.4822 13.7697 72.7524 14.1784 73.1656 14.4543C73.5789 14.7302 74.1166 14.8682 74.7788 14.8682C75.4623 14.8682 76.0106 14.7302 76.4239 14.4543C76.8424 14.1784 77.0517 13.8374 77.0517 13.4313C77.0517 13.0877 76.9166 12.804 76.6464 12.5802C76.3815 12.3563 75.9682 12.1845 75.4067 12.0648L73.3246 11.6353C72.1537 11.3958 71.2875 10.9923 70.7259 10.4249C70.1643 9.85224 69.8862 9.12862 69.8915 8.25402C69.8862 7.51478 70.0901 6.87444 70.5034 6.33303C70.9219 5.7864 71.5021 5.36472 72.2438 5.06798C72.9908 4.76604 73.8517 4.61507 74.8265 4.61507C76.257 4.61507 77.3828 4.91441 78.204 5.51309C79.0305 6.11177 79.5417 6.9213 79.7377 7.94166Z"
+          fill="black"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default NimbusText