Add experimental mode cookie in SRC

src/lib/containers/ExperimentalMode.md

@@ -0,0 +1,5 @@
+```jsx
+
+<ExperimentalMode />
+
+```

src/lib/containers/ExperimentalMode.tsx

@@ -0,0 +1,37 @@
+import * as React from 'react'
+import { Button } from 'react-bootstrap'
+import { useEffect, useState } from 'react'
+
+const ExperimentalMode: React.FC = () => {
+  const [isExperimentalModeOn, setIsExperimentalModeOn] = useState<boolean>(false)
+  let mounted = true
+
+  useEffect(() => {
+    if (mounted) {
+      if (document.cookie.indexOf("SynapseTestWebsite") !== -1) {
+        setIsExperimentalModeOn(true)
+      }
+    }
+    return () => {
+      mounted = false
+    }
+  }, [])
+
+  const createExperimentalModeCookie = () => {
+    document.cookie = "SynapseTestWebsite=true"
+    setIsExperimentalModeOn(true)
+  }
+
+  const deleteExperimentalModeCookie = () => {
+    document.cookie = "SynapseTestWebsite= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
+    setIsExperimentalModeOn(false)
+  }
+
+  return (<>
+    <Button variant="primary" onClick={isExperimentalModeOn ? deleteExperimentalModeCookie: createExperimentalModeCookie}>
+      Experimental mode is {isExperimentalModeOn ? "on" : "off"}
+    </Button>
+  </>)
+}
+
+export default ExperimentalMode

styleguide.config.js

@@ -21,6 +21,11 @@ module.exports = {
             description: 'Content depends on if you are logged in',
             components: ['src/lib/containers/**/Login.tsx','src/lib/containers/**/Logout.tsx'],
         },
+        {
+            name: 'Experimental Mode',
+            description: 'For components that are in experimental mode',
+            components: 'src/lib/containers/**/ExperimentalMode.tsx'
+        },
         {
             name: 'Home Page',
             //   content: 'docs/homepage.md'