feat: introduce dummy flow editor

packages/web/src/components/FlowStep/index.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+import { Wrapper } from './style';
+
+type FlowStepProps = {
+ collapsed?: boolean;
+ step?: any;
+}
+
+export default function FlowStep(props: FlowStepProps) {
+  const { step } = props;
+
+  return (
+    <Wrapper elevation={1}>
+      {step?.type} - {step?.appKey} - {step?.key} - {step?.connectionId}
+    </Wrapper>
+  )
+};

packages/web/src/components/FlowStep/style.ts

@@ -0,0 +1,8 @@
+import { styled } from '@mui/material/styles';
+import Card from '@mui/material/Card';
+
+export const Wrapper = styled(Card)`
+  width: 100%;
+  padding: ${({ theme }) => theme.spacing(1, 2)};
+`;
+