From 6cea09528c25890f97a6fbd81e59623c57cc94fc Mon Sep 17 00:00:00 2001
From: Omar Faruk <faruk.themefisher@gmail.com>
Date: Sat, 13 May 2023 16:04:53 +0600
Subject: [PATCH] fixing tab issue

---
 src/content/pages/elements.mdx  | 19 ++++++++++++++++++-
 src/layouts/shortcodes/Tabs.tsx |  2 +-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/content/pages/elements.mdx b/src/content/pages/elements.mdx
index 64ff082..d3b8c90 100755
--- a/src/content/pages/elements.mdx
+++ b/src/content/pages/elements.mdx
@@ -10,7 +10,8 @@ draft: false
 <Tabs client:load>
 
 <Tab name="Tab 1">
-<h2>Tab 1</h2>
+
+### Tab 1
 
 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 
@@ -33,6 +34,22 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
 </Tab>
 
+<Tab name="Tab 1">
+<h2>Tab 4</h2>
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+</Tab>
+
+<Tab name="Tab 5">
+<h2>Tab 5</h2>
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+</Tab>
+
 </Tabs>
 
 # Heading 1
diff --git a/src/layouts/shortcodes/Tabs.tsx b/src/layouts/shortcodes/Tabs.tsx
index f8bb457..150e164 100644
--- a/src/layouts/shortcodes/Tabs.tsx
+++ b/src/layouts/shortcodes/Tabs.tsx
@@ -1,6 +1,6 @@
 import { marked } from "marked";
 import { number } from "prop-types";
-import React, { useEffect, useRef, useState } from "react";
+import React, {useState } from "react";
 
 function Tabs({ children }: { children: any }) {
 const [active,setAvtive]=useState(0)