feat(components: Added Legend component

packages/components/src/Example/index.js

@@ -52,7 +52,7 @@ const Example = ({
   }
   settings = {
     options: { ...options },
-    measurements: { headCircumference: 390 },
+    measurements: { head: 390 },
     ...settings
   }
   if (part !== '') settings.only = [part]

packages/components/src/Legend/index.js

@@ -0,0 +1,25 @@
+import React from 'react'
+import LegendPattern from '@freesewing/legend'
+import Draft from '../Draft'
+
+const Legend = ({ caption = '', part = '' }) => {
+  const patternProps = new LegendPattern({
+    only: part,
+    measurements: {
+      head: 370
+    }
+  })
+    .draft()
+    .getRenderProps()
+
+  return (
+    <figure>
+      <div className="shadow">
+        <Draft {...patternProps} />
+      </div>
+      <figcaption>{caption}</figcaption>
+    </figure>
+  )
+}
+
+export default Legend

packages/components/src/index.js

@@ -6,6 +6,7 @@ export default [
   'Example',
   'Footer',
   'Icon',
+  'Legend',
   'LineDrawing',
   'Logo',
   'Navbar',