const content = `// Using web component
import themeCss from 'annotative-code/bin/highlight.js/css/____theme____';
import 'annotative-code';`

const annotation = {
  "theme": {
    "type": "string",
    "knob": "select",
    "options": [
      "a11y-dark",
      "a11y-light",
      "github",
      "googlecode"
    ],
    "value": "a11y-dark"
  }
}

<annotative-code
  languageFn={languageFn}
  themeCss={themeCss}
  content={content}
  annotation={annotation}
/>

const content = `// Using React.js with the bridge component
// See more in "Getting Started > annotative-code > React"
// https://patrick-kw-chiu.github.io/annotative-code/getting-started/annotative-code/react
import themeCss from 'annotative-code/bin/highlight.js/css/____theme____';
import AnnotativeCode from './AnnotativeCode';`

const annotation = {
  "theme": {
    "type": "string",
    "knob": "select",
    "options": [
      "a11y-dark",
      "a11y-light",
      "github",
      "googlecode"
    ],
    "value": "a11y-dark"
  }
}

<AnnotativeCode
  languageFn={languageFn}
  themeCss={themeCss}
  content={content}
  annotation={annotation}
/>