WIP: filters as narratives always

src/components/StateOptions.jsx

@@ -0,0 +1,19 @@
+import React, { useState } from 'react'
+
+export default ({ showing, onClickHandler, timelineDims }) => {
+  const [checked, setChecked] = useState(true)
+  const handleCheck = () => setChecked(!checked)
+  const onNarrativise = () => onClickHandler(checked)
+
+  if (!showing) {
+    return null
+  }
+
+  return <div className='stateoptions-panel' style={{ bottom: timelineDims.height }}>
+    <div>
+      <div className='button' onClick={onNarrativise}>Narrativise</div>
+      <label for='withlines'>Connect by lines</label>
+      <input name='withlines' onClick={handleCheck} checked={checked} type='checkbox' />
+    </div>
+  </div>
+}