@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/cards/cards-10.tsx

@@ -1,27 +1,33 @@
-import React from "react";
 import {
-  type ILevoBlockBaseProps,
-  Section,
-  Container,
   Box,
+  Button,
+  Container,
   Heading,
-  Typography,
-  Image,
   Icon,
-  Button,
+  type ILevoBlockBaseProps,
+  Image,
+  Section,
+  Typography,
 } from "@levo-so/studio";
+import type React from "react";
 
 import type { ICards10Content } from "./cards-10.schema";
 
-const Cards10: React.FC<ILevoBlockBaseProps<ICards10Content>> = ({
-  content,
-}) => (
+const Cards10: React.FC<ILevoBlockBaseProps<ICards10Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="header_section">
         <Heading elementKey="main_title" />
         <Typography elementKey="description" />
-        <Button elementKey="cta" />
+        <Box elementKey="ctas_levoGroup" data-levo_group>
+          {(content?.ctas ?? []).map((_: any, index: number) => (
+            <Button
+              key={`ctas.${index}.cta`}
+              elementKey={`ctas.${index}.cta`}
+              data-levo_group_item
+            />
+          ))}
+        </Box>
       </Box>
       <Box elementKey="cards_grid">
         <Box elementKey="cards_levoGroup" data-levo_group>
@@ -37,10 +43,7 @@ const Cards10: React.FC<ILevoBlockBaseProps<ICards10Content>> = ({
               </Box>
               <Image elementKey={`cards.${index}.image`} alt="Card image" />
               <Typography elementKey={`cards.${index}.description`} />
-              <Box
-                elementKey={`cards.${index}.buttons_levoGroup`}
-                data-levo_group
-              >
+              <Box elementKey={`cards.${index}.buttons_levoGroup`} data-levo_group>
                 {(card?.buttons ?? []).map((_: any, btnIndex: number) => (
                   <Button
                     key={btnIndex}