content: import React from 'react';
  import MediaQueries from './MediaQueries';
  import Theming from './Theming';
  import ButtonList from './ButtonList';
  
  const repoUrl = 'https://github.com/martinandert/babel-plugin-css-in-js';
  const codeUrl = `${repoUrl}/tree/master/example/src/components`;
  
  class App extends React.Component {
    render() {
      return (
        <div className={styles.root}>
          <p>This is a small demonstration of what <a href={repoUrl}>babel-plugin-css-in-js</a> is capable of.</p>
          <p>Use your browser´s "Inspect Element" tool to see inline styles turned into class names.</p>
          <p>You can find the code for all components <a href={codeUrl}>here</a>.</p>
  
          <MediaQueries />
          <Theming />
          <ButtonList />
        </div>
      );
    }
  }
  
  const styles = cssInJS({
    root: {
      padding: 50,
  
      '@phone': {
        padding: 15
      }
    }
  });
  
  export default App;
  