import React from 'react';
import {storiesOf} from '@storybook/react';
import {boolean} from '@storybook/addon-knobs';

import CodeViewer from '../../Components/CodeViewer';
import codeViewerNote from '../../Components/CodeViewer/README.md';
import codeviewerData from './mocks.js';

export default storiesOf('Components | CodeViewer', module)
  .add('default view', () => (
    <CodeViewer
      copyingEnabled={boolean('Copying enabled', true)}
      language="js"
      elementId="some-id"
      highlightCode={boolean('Highlight code', true)}
    >
      {codeviewerData}
    </CodeViewer>
  ), {notes: codeViewerNote});