@levo-so/blocks 0.1.0 → 0.1.2

package/src/blocks/content/content-5.tsx

@@ -0,0 +1,58 @@
+import {
+  Box,
+  Button,
+  Container,
+  Heading,
+  Section,
+  Typography,
+  type ILevoBlockBaseProps,
+} from "@levo-so/studio";
+import React from "react";
+import { type IContent5Content } from "./content-5.schema";
+
+const Content5: React.FC<ILevoBlockBaseProps<IContent5Content>> = ({
+  content,
+}) => (
+  <Section elementKey="layout">
+    <Container elementKey="container">
+      <Box elementKey="header_wrapper">
+        <Heading elementKey="title" />
+        <Typography elementKey="description" />
+      </Box>
+      <Box elementKey="jobs_levoGroup" data-levo_group>
+        {(content.jobs ?? []).map((_: any, index: number) => (
+          <React.Fragment key={`job-${index}`}>
+            <Box
+              key={index}
+              data-levo_group_item
+              elementKey={`jobs.${index}.job_item`}
+            >
+              <Box elementKey={`jobs.${index}.designation_wrapper`}>
+                <Typography elementKey={`jobs.${index}.designation_header`} />
+                <Typography elementKey={`jobs.${index}.designation_value`} />
+              </Box>
+              <Box elementKey={`jobs.${index}.work_wrapper`}>
+                <Typography elementKey={`jobs.${index}.work_header`} />
+                <Typography elementKey={`jobs.${index}.work_value`} />
+              </Box>
+              <Box elementKey={`jobs.${index}.location_wrapper`}>
+                <Typography elementKey={`jobs.${index}.location_header`} />
+                <Typography elementKey={`jobs.${index}.location_value`} />
+              </Box>
+              <Button elementKey={`jobs.${index}.cta`} />
+            </Box>
+            {index < (content.jobs?.length ?? 0) - 1 && (
+              <Box
+                elementKey={`jobs.${index}.separator`}
+                data-levo_group_item
+              />
+            )}
+          </React.Fragment>
+        ))}
+      </Box>
+      <Button elementKey="bottom_cta" />
+    </Container>
+  </Section>
+);
+
+export default Content5;