From 14d7e11440954c0bd1e7c1a11c6844e76c3974e9 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 17:08:11 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Implemented=20NcPlayIco?=
 =?UTF-8?q?n2=20component=20=F0=9F=8E=A8=20Added=20styling=20and=20structu?=
 =?UTF-8?q?re=20=E2=9C=85=20Tested=20functionality=20=F0=9F=93=9D=20Docume?=
 =?UTF-8?q?nted=20component=20=F0=9F=9A=80=20Ready=20for=20integration!?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/NcPlayIcon2.tsx | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/shared/NcPlayIcon2.tsx

diff --git a/src/shared/NcPlayIcon2.tsx b/src/shared/NcPlayIcon2.tsx
new file mode 100644
index 0000000..bfdd32c
--- /dev/null
+++ b/src/shared/NcPlayIcon2.tsx
@@ -0,0 +1,38 @@
+import React, { FC } from "react";
+
+export interface NcPlayIcon2Props {
+  className?: string;
+  iconClass?: string;
+}
+
+const NcPlayIcon2: FC<NcPlayIcon2Props> = ({
+  className = "w-8 h-8 md:w-10 md:h-10",
+  iconClass = "w-5 h-5",
+}) => {
+  return (
+    <div
+      className={`nc-NcPlayIcon2 bg-white relative rounded-full shadow-inner ${className}`}
+      data-nc-id="NcPlayIcon2"
+    >
+      <span className="absolute inset-0 flex items-center justify-center text-primary-500">
+        <svg
+          className={iconClass}
+          width="24"
+          height="24"
+          fill="currentColor"
+          viewBox="0 0 24 24"
+        >
+          <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1"
+            d="M18.25 12L5.75 5.75V18.25L18.25 12Z"
+          ></path>
+        </svg>
+      </span>
+    </div>
+  );
+};
+
+export default NcPlayIcon2;