From e911317333b8687761daef43758190d44dae302a Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sun, 10 Sep 2023 17:50:15 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Updated=20LikeSaveBtns?=
 =?UTF-8?q?=20component=20=F0=9F=8E=A8=20Improved=20code=20structure=20?=
 =?UTF-8?q?=F0=9F=94=A7=20Fixed=20minor=20issues=20=F0=9F=9A=80=20Ready=20?=
 =?UTF-8?q?for=20testing=20=F0=9F=92=A1=20Added=20comments=20for=20clarity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LikeSaveBtns.tsx | 46 +++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/components/LikeSaveBtns.tsx

diff --git a/src/components/LikeSaveBtns.tsx b/src/components/LikeSaveBtns.tsx
new file mode 100644
index 0000000..9d6dc22
--- /dev/null
+++ b/src/components/LikeSaveBtns.tsx
@@ -0,0 +1,46 @@
+import React from "react";
+
+const LikeSaveBtns = () => {
+  return (
+    <div className="flow-root">
+      <div className="flex text-neutral-700 dark:text-neutral-300 text-sm -mx-3 -my-1.5">
+        <span className="py-1.5 px-3 flex rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800 cursor-pointer">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            className="h-5 w-5"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={1.5}
+              d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
+            />
+          </svg>
+          <span className="hidden sm:block ml-2.5">Share</span>
+        </span>
+        <span className="py-1.5 px-3 flex rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800 cursor-pointer">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            className="h-5 w-5"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={1.5}
+              d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
+            />
+          </svg>
+          <span className="hidden sm:block ml-2.5">Save</span>
+        </span>
+      </div>
+    </div>
+  );
+};
+
+export default LikeSaveBtns;