From c6a152e477b7d31a65e64fdb7f3ce2421276ddcd Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Wed, 26 Jun 2024 10:31:24 +0530
Subject: [PATCH] reset

---
 docs/components/card.md | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/docs/components/card.md b/docs/components/card.md
index 5084be16..f06e78c2 100644
--- a/docs/components/card.md
+++ b/docs/components/card.md
@@ -1,4 +1,4 @@
-<!-- <script setup lang="ts">
+<script setup lang="ts">
 import SCard from 'sefirot/components/SCard.vue'
 import SCardBlock from 'sefirot/components/SCardBlock.vue'
 import SCardFooter from 'sefirot/components/SCardFooter.vue'
@@ -26,8 +26,8 @@ import SCardHeaderTitle from 'sefirot/components/SCardHeaderTitle.vue'
           <SCardHeaderActionClose />
         </SCardHeaderActions>
       </SCardHeader>
-      <SCardBlock>
-        <p class="py-8 px-24 text-14">
+      <SCardBlock space="compact">
+        <p class="m-0 text-14">
           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
           tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
           quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
@@ -36,8 +36,8 @@ import SCardHeaderTitle from 'sefirot/components/SCardHeaderTitle.vue'
       </SCardBlock>
       <SCardFooter>
         <SCardFooterActions>
-          <SCardFooterAction label="Cancel" size="small" />
-          <SCardFooterAction mode="info" label="Submit" size="small" />
+          <SCardFooterAction label="Cancel" />
+          <SCardFooterAction mode="info" label="Submit" />
         </SCardFooterActions>
       </SCardFooter>
     </SCard>
@@ -157,8 +157,10 @@ You may use `<SCardHeaderActions>` with nested `<SCardHeaderAction>` to add head
 It uses [`<SButton>`](./button) component internally. Refer to the documentation of `<SButton>` for how the props work.
 
 ```ts
+import { type IconifyIcon } from '@iconify/vue/dist/offline'
+
 interface Props {
-  icon: Component
+  icon: IconifyIcon
   disabled?: boolean
   tooltip?: string | Tooltip
 }
@@ -304,4 +306,4 @@ interface Props {
 </SCard>
 ```
 
-It's important to align this spacing with the `<SCardBlock>` component to ensure proper alignment between the block contents and the footer contents, such as actions. -->
+It's important to align this spacing with the `<SCardBlock>` component to ensure proper alignment between the block contents and the footer contents, such as actions.