Implement renderer for scribbled paragraph shape

Author: gustedeveloper

src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts

@@ -5,3 +5,4 @@ export * from './low-vertical-line.renderer';
 export * from './rectangle-low.renderer';
 export * from './circle-low.renderer';
 export * from './text-scribbled.renderer';
+export * from './paragraph-scribbled.renderer';

src/pods/canvas/shape-renderer/simple-low-wireframes-components/paragraph-scribbled.renderer.tsx

@@ -0,0 +1,32 @@
+import { ShapeRendererProps } from '../model';
+import { ShapeModel } from '@/core/model';
+import { ParagraphScribbled } from '@/common/components/mock-components/front-low-wireframes-components/paragraph-scribbled-shape';
+
+export const renderParagraphScribbled = (
+  shape: ShapeModel,
+  shapeRenderedProps: ShapeRendererProps
+) => {
+  const { handleSelected, shapeRefs, handleDragEnd, handleTransform } =
+    shapeRenderedProps;
+
+  return (
+    <ParagraphScribbled
+      id={shape.id}
+      key={shape.id}
+      ref={shapeRefs.current[shape.id]}
+      x={shape.x}
+      y={shape.y}
+      name="shape"
+      width={shape.width}
+      height={shape.height}
+      draggable
+      typeOfTransformer={shape.typeOfTransformer}
+      onSelected={handleSelected}
+      onDragEnd={handleDragEnd(shape.id)}
+      onTransform={handleTransform}
+      onTransformEnd={handleTransform}
+      text={shape.text || 'Scribbled Paragraph'}
+      otherProps={shape.otherProps}
+    />
+  );
+};