gram: legal

> ./assets/react-components/app.jsx

import React, { useState, useContext } from "react";
import ReactSelect from 'react-select';

import { Peruse } from "./peruse"
import { Space } from "./space"
import { ColorScheme, themes } from './colorscheme';

export function App({body}) {
  let [theme, setTheme] = useState("ocean")

  return <>
    <ReactSelect
      name="theme-select"
      placeholder={`colorscheme: ${theme}`}
      value={theme}
      options={themes.map(name => ({ value: name, label: name }))}
      onChange={val => setTheme(val.value)}
      isSearchable
    />
    <Space/>

    <ColorScheme value={theme}>
      <Peruse body={body} />
    </ColorScheme>
  </>
}