🚀 Init preview and typebot cotext in editor

apps/builder/components/board/graph/BlockNode/StepNode/StepContent.tsx

@@ -0,0 +1,31 @@
+import { Flex, Text } from '@chakra-ui/react'
+import { Step, StartStep, StepType } from 'bot-engine'
+
+export const StepContent = (props: Step | StartStep) => {
+  switch (props.type) {
+    case StepType.TEXT: {
+      return (
+        <Flex
+          flexDir={'column'}
+          opacity={props.content.html === '' ? '0.5' : '1'}
+          className="slate-html-container"
+          dangerouslySetInnerHTML={{
+            __html:
+              props.content.html === ''
+                ? `<p>Click to edit...</p>`
+                : props.content.html,
+          }}
+        ></Flex>
+      )
+    }
+    case StepType.TEXT_INPUT: {
+      return <Text color={'gray.500'}>Type your answer...</Text>
+    }
+    case StepType.START: {
+      return <Text>{props.label}</Text>
+    }
+    default: {
+      return <Text>No input</Text>
+    }
+  }
+}