import React from 'react';
import { storiesOf } from '@storybook/react';
import styled from 'styled-components';
import SyntaxHighlighter from './SyntaxHighlighter';

import JavaHttpServer from './__resources__/HttpServer.java';
import GoHttpServer from './__resources__/HttpServer.go';
//import JsHttpServer from './__resources__/HttpServer.js';
import PyHttpServer from './__resources__/HttpServer.py';

const Spacing = styled.div`
  padding: 1em;
`;

storiesOf('SyntaxHighlighter', module)
  .add('Java', () => (
    <Spacing>
      <SyntaxHighlighter language="java" value={JavaHttpServer} />
    </Spacing>
  ))
  .add('Go', () => (
    <Spacing>
      <SyntaxHighlighter language="go" value={GoHttpServer} />
    </Spacing>
  ))
  /*.add('Javascript', () => (
    <Spacing>
      <SyntaxHighlighter language="javascript" value={JsHttpServer} />
    </Spacing>
  ))*/
  .add('Python', () => (
    <Spacing>
      <SyntaxHighlighter language="python" value={PyHttpServer} />
    </Spacing>
  ));