From 5ed453f8e40ec1b35cbe756ea2c7f6e5cb1039a4 Mon Sep 17 00:00:00 2001
From: mazya <36150652+ClumsyVlad@users.noreply.github.com>
Date: Fri, 22 Mar 2024 12:58:48 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9E=95=20Add=20plus/minus=20icons=20(#215)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/icons/minusIcon.tsx            | 22 +++++++++++++++++++
 src/components/icons/plusIcon.tsx             | 22 +++++++++++++++++++
 .../components/icons/minusIcon.stories.tsx    | 15 +++++++++++++
 stories/components/icons/plusIcon.stories.tsx | 15 +++++++++++++
 4 files changed, 74 insertions(+)
 create mode 100644 src/components/icons/minusIcon.tsx
 create mode 100644 src/components/icons/plusIcon.tsx
 create mode 100644 stories/components/icons/minusIcon.stories.tsx
 create mode 100644 stories/components/icons/plusIcon.stories.tsx

diff --git a/src/components/icons/minusIcon.tsx b/src/components/icons/minusIcon.tsx
new file mode 100644
index 00000000..10635af8
--- /dev/null
+++ b/src/components/icons/minusIcon.tsx
@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef } from "react";
+
+import { cn } from "@/lib/cn";
+
+export const MinusIcon = ({
+  className,
+  ...props
+}: Pick<ComponentPropsWithoutRef<"svg">, "className">) => {
+  return (
+    <svg
+      className={cn("block", className)}
+      viewBox="0 -960 960 960"
+      color="currentColor"
+      {...props}
+    >
+      <path
+        d="M240-440q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h480q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H240Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
diff --git a/src/components/icons/plusIcon.tsx b/src/components/icons/plusIcon.tsx
new file mode 100644
index 00000000..428e2c54
--- /dev/null
+++ b/src/components/icons/plusIcon.tsx
@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef } from "react";
+
+import { cn } from "@/lib/cn";
+
+export const PlusIcon = ({
+  className,
+  ...props
+}: Pick<ComponentPropsWithoutRef<"svg">, "className">) => {
+  return (
+    <svg
+      className={cn("block", className)}
+      viewBox="0 -960 960 960"
+      color="currentColor"
+      {...props}
+    >
+      <path
+        d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
diff --git a/stories/components/icons/minusIcon.stories.tsx b/stories/components/icons/minusIcon.stories.tsx
new file mode 100644
index 00000000..f94d3932
--- /dev/null
+++ b/stories/components/icons/minusIcon.stories.tsx
@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { MinusIcon } from "@/components/icons/minusIcon";
+
+const meta = {
+  title: "Icons/MinusIcon",
+  component: MinusIcon,
+} satisfies Meta<typeof MinusIcon>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: { className: "w-10 h-10" },
+};
diff --git a/stories/components/icons/plusIcon.stories.tsx b/stories/components/icons/plusIcon.stories.tsx
new file mode 100644
index 00000000..233c7508
--- /dev/null
+++ b/stories/components/icons/plusIcon.stories.tsx
@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { PlusIcon } from "@/components/icons/plusIcon";
+
+const meta = {
+  title: "Icons/PlusIcon",
+  component: PlusIcon,
+} satisfies Meta<typeof PlusIcon>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: { className: "w-10 h-10" },
+};