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

import { BpkGridContainer, BpkGridRow, BpkGridColumn } from './index';

storiesOf('bpk-component-grid', module)
  .add('Example', () => (
    <BpkGridContainer debug>
      <BpkGridRow debug>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={2} debug>2</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={4} debug>4</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={5} debug>5</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={6} debug>6</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={7} debug>7</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={8} debug>8</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={9} debug>9</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={10} debug>10</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={11} debug>11</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={12} debug>12</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={6} debug>6</BpkGridColumn>
        <BpkGridColumn width={6} debug>6</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={4} debug>4</BpkGridColumn>
        <BpkGridColumn width={4} debug>4</BpkGridColumn>
        <BpkGridColumn width={4} debug>4</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={11} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={10} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={9} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={8} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={7} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={6} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={5} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={4} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={3} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={2} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
    </BpkGridContainer>
  ))
  .add('Full width example', () => (
     <BpkGridContainer fullWidth debug>
      <BpkGridRow debug>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn><commit_msg>Fixed lint failure<commit_after>import React from 'react';
import { storiesOf } from '@kadira/storybook';

import { BpkGridContainer, BpkGridRow, BpkGridColumn } from './index';

storiesOf('bpk-component-grid', module)
  .add('Example', () => (
    <BpkGridContainer debug>
      <BpkGridRow debug>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={2} debug>2</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={4} debug>4</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={5} debug>5</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={6} debug>6</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={7} debug>7</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={8} debug>8</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={9} debug>9</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={10} debug>10</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={11} debug>11</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={12} debug>12</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={6} debug>6</BpkGridColumn>
        <BpkGridColumn width={6} debug>6</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
        <BpkGridColumn width={3} debug>3</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={4} debug>4</BpkGridColumn>
        <BpkGridColumn width={4} debug>4</BpkGridColumn>
        <BpkGridColumn width={4} debug>4</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={11} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={10} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={9} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={8} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={7} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={6} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={5} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={4} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={3} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={2} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} offset={1} debug>1</BpkGridColumn>
      </BpkGridRow>
      <BpkGridRow debug>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
      </BpkGridRow>
    </BpkGridContainer>
  ))
  .add('Full width example', () => (
    <BpkGridContainer fullWidth debug>
      <BpkGridRow debug>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
        <BpkGridColumn width={1} debug>1</BpkGridColumn>
{'fraction_non_alphanumeric': 0.13821035311985824, 'fraction_numerical': 0.02974307049740539, 'mean_word_length': 3.358246001103144, 'pattern_counts': {'":': 0, '<': 551, '<?xml version=': 0, '>': 555, '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': '6525357', 'n_tokens_mistral': 5603, 'n_tokens_neox': 5586, 'n_words': 889}