update card footer

razorpay · Sep 10, 2024 · 283a0a3 · 283a0a3
1 parent 3a0eb7d
commit 283a0a3
Showing 1 changed file with 24 additions and 9 deletions.
diff --git a/packages/blade/src/components/Card/Card.figma.tsx b/packages/blade/src/components/Card/Card.figma.tsx
@@ -1,14 +1,16 @@
 import React from 'react';
+import figma from '@figma/code-connect';
 import {
   Card,
   CardBody,
+  CardFooter,
+  CardFooterTrailing,
   CardHeader,
   CardHeaderCounter,
   CardHeaderIcon,
   CardHeaderLeading,
   CardHeaderTrailing,
 } from '../Card';
-import figma from '@figma/code-connect';
 
 /**
  * -- This file was auto-generated by `figma connect create` --
@@ -39,12 +41,8 @@ figma.connect(
       cardHeaderTrailing: figma.nestedProps('_Card/Trailing Item', {
         trailing: figma.instance('trailing'),
       }),
-      cardHeaderAvatar: figma.nestedProps('Avatar', {
-        size: figma.enum('size', {
-          Small: 'small',
-          Medium: 'medium',
-          Large: 'large',
-        }),
+      cardFooter: figma.nestedProps('_Card/Footer', {
+        showDivider: figma.boolean('showDivider'),
       }),
       cardHeaderCounter: figma.nestedProps('Counter', {
         color: figma.enum('color', {
@@ -73,6 +71,7 @@ figma.connect(
       cardHeaderLeading,
       cardHeaderCounter,
       cardHeaderTrailing,
+      cardFooter,
     }) => (
       <Card elevation={elevation}>
         <CardHeader>
@@ -83,15 +82,31 @@ figma.connect(
             suffix={
               <CardHeaderCounter
                 color={cardHeaderCounter.color}
-                count={cardHeaderCounter.count}
+                value={cardHeaderCounter.count}
                 emphasis={cardHeaderCounter.emphasis}
                 size={cardHeaderCounter.size}
               />
             }
           />
           <CardHeaderTrailing visual={cardHeaderTrailing.trailing} />
         </CardHeader>
-        <CardBody>{/* Add your content here */}</CardBody>
+        <CardBody>{/* Add card body content here */}</CardBody>
+        <CardFooter showDivider={cardFooter.showDivider}>
+          <CardFooterTrailing
+            actions={{
+              primary: {
+                /* Add primary action here */
+                // text:"Hello"
+                // onClick: () => {}
+              },
+              secondary: {
+                /* Add secondary action here */
+                // text:"Hello"
+                // onClick: () => {}
+              },
+            }}
+          />
+        </CardFooter>
       </Card>
     ),
   },