<commit_before>import React, { PureComponent } from 'react';
import { storiesOf } from '@storybook/react';

import Drawer from './drawer';
import DrawerContent from './drawer-content';
import MainContent from './main-content';
import IconButton from '../icon-button';

/**
 * A component which creates a fully working drawer for the story.
 *
 * @class
 */
class DrawerStory extends PureComponent {
  /**
   * When the close icon inside the drawer is pressed we want to close the drawer.
   */
  handleDrawerClose = () => {
    this.drawer.close();
  };

  /**
   * When the menu icon button is pressed we want to open the drawer.
   */
  handleDrawerOpen = () => {
    this.drawer.open();
  };

  render() {
    return (
      <Drawer
        {...this.props}
        style={{ flex: 1 }}
        ref={(element) => { this.drawer = element; }}
      >
        <DrawerContent style={{ padding: 32 }}>
          Drawer Content

          <IconButton
            icon="close"
            onPress={this.handleDrawerClose}
          />
        </DrawerContent>

        <MainContent style={{ padding: 32 }}>
          Main Content

          <IconButton
            icon="menu"
            onPress={this.handleDrawerOpen}
          />
        </MainContent>
      </Drawer>
    );
  }
}

storiesOf('Drawer', module)
  .add('Left Drawer', () => (
    <DrawerStory />
  ))<commit_msg>Fixed drawer styles<commit_after>import React, { PureComponent } from 'react';
import { storiesOf } from '@storybook/react';

import Drawer from './drawer';
import DrawerContent from './drawer-content';
import MainContent from './main-content';
import IconButton from '../icon-button';

/**
 * A component which creates a fully working drawer for the story.
 *
 * @class
 */
class DrawerStory extends PureComponent {
  /**
   * When the close icon inside the drawer is pressed we want to close the drawer.
   */
  handleDrawerClose = () => {
    this.drawer.close();
  };

  /**
   * When the menu icon button is pressed we want to open the drawer.
   */
  handleDrawerOpen = () => {
    this.drawer.open();
  };

  render() {
    return (
      <Drawer
        {...this.props}
        style={{ flex: 1 }}
        ref={(element) => { this.drawer = element; }}
      >
        <DrawerContent>
          <div style={{ padding: 32 }}>
            Drawer Content

            <IconButton
              icon="close"
              onPress={this.handleDrawerClose}
            />
          </div>
        </DrawerContent>

        <MainContent>
          <div style={{ padding: 32 }}>
            Main Content

            <IconButton
              icon="menu"
              onPress={this.handleDrawerOpen}
            />
          </div>
        </MainContent>
      </Drawer>
    );
  }
}

storiesOf('Drawer', module)
  .add('Left Drawer', () => (
    <DrawerStory />
  ))
{'fraction_non_alphanumeric': 0.13722730471498945, 'fraction_numerical': 0.003518648838845883, 'mean_word_length': 1.9957850368809273, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 33, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2627378', 'n_tokens_mistral': 843, 'n_tokens_neox': 820, 'n_words': 224}