feat(fs.shared): Add copy-to-clipboard. Closes #1519

packages/freesewing.shared/components/copy-to-clipboard.js

@@ -0,0 +1,27 @@
+import ReactDOMServer from 'react-dom/server'
+import { useState, useEffect } from 'react'
+import CopyIcon from 'shared/components/icons/copy.js'
+import {CopyToClipboard} from 'react-copy-to-clipboard'
+
+const strip = html => new DOMParser()
+  .parseFromString(html, 'text/html')
+  .body.textContent || ""
+
+
+const CopyToClipboardIcon = ({ content }) => {
+
+  const [copied, setCopied] = useState(false)
+
+  const text = (typeof content === 'string')
+    ? content
+    : strip(ReactDOMServer.renderToStaticMarkup(content))
+
+  return (
+    <CopyToClipboard text={text} onCopy={() => setCopied(true)}>
+      <button className={copied ? 'text-success' : ''}><CopyIcon /></button>
+    </CopyToClipboard>
+  )
+}
+
+export default CopyToClipboardIcon
+