From cf6a1cfe19ac9eb6275c2fce624db298ba96aeab Mon Sep 17 00:00:00 2001
From: Sasank123k <96263090+Sasank123k@users.noreply.github.com>
Date: Thu, 20 Jun 2024 14:25:07 +0530
Subject: [PATCH] Update Card.tsx

---
 src/components/Card/Card.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index c6dac29..d49c49e 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -196,12 +196,14 @@ const CardSection: React.FC = () => {
                 {showCss[index] ? 'CSS' : 'TSX'}
               </button>
             </div>
-            <div className={styles.codeBlock}>
-              <pre>
-                <code>{showCss[index] ? cardCss : cardTsxString(card)}</code>
-              </pre>
-              <button onClick={() => copyToClipboard(showCss[index] ? cardCss : cardTsxString(card))}>Copy {showCss[index] ? 'CSS' : 'TSX'}</button>
-            </div>
+            {showCss[index] && (
+              <div className={styles.codeBlock}>
+                <pre>
+                  <code>{showCss[index] ? cardCss : cardTsxString(card)}</code>
+                </pre>
+                <button onClick={() => copyToClipboard(showCss[index] ? cardCss : cardTsxString(card))}>Copy {showCss[index] ? 'CSS' : 'TSX'}</button>
+              </div>
+            )}
           </div>
         ))}
       </div>