🚧 Progress on workbench

packages/components/src/Draft/index.js

@@ -0,0 +1,41 @@
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import Svg from "./Svg";
+//import Style from "./Style";
+//import Defs from "./Defs";
+import Part from "./Part";
+
+const Draft = props => {
+  return (
+    <Svg
+      embed={props.settings.embed}
+      width={props.width}
+      height={props.height}
+      language={props.settings.locale}
+      id={props.settings.idPrefix + "svg"}
+    >
+      <g>
+        {Object.keys(props.parts).map(name => (
+          <Part
+            part={props.parts[name]}
+            language={props.settings.locale}
+            key={name}
+            name={name}
+          />
+        ))}
+      </g>
+    </Svg>
+  );
+};
+
+Draft.propTypes = {
+  parts: PropTypes.object.isRequired,
+  settings: PropTypes.object.isRequired,
+  design: PropTypes.bool
+};
+
+Draft.defaultProps = {
+  design: false
+};
+
+export default Draft;