<commit_before>import { storiesOf } from '@kadira/storybook'
import Heading from './Heading'
import ThemeProvider from './ThemeProvider'
import VerticalRhythm from './VerticalRhythm'
import {
  color,
  number,
  select,
  text,
  withKnobs
} from '@kadira/storybook-addon-knobs'

storiesOf('Heading', module)
  .addDecorator(withKnobs)
  .addDecorator((story, context) => (
    <ThemeProvider>
      <VerticalRhythm baseline>
        {story()}
      </VerticalRhythm>
    </ThemeProvider>
    ))
  .add('Typographic Hierarchy', () => (
    <div>
      <Heading level={1}>Canon</Heading>
      <Heading level={2}>Trafalgar</Heading>
      <Heading level={3}>Double Pica</Heading>
      <Heading level={4}>Great Primer</Heading>
      <Heading level={5}>Pica</Heading>
      <Heading level={6}>Long Primer</Heading>
    </div>
  ))
  .add('Numerical Levels', () => (
    <Heading level={number('Level', 1)}>{text('Text', 'Text Here')}</Heading>
  ))
  .add('Named Levels', () => (
    <Heading level={select('Level', Heading.levels, 'canon')}>
      {text('Text', 'Text Here')}
    </Heading>
  ))
  .add('Borders', () => (
    <Heading
      borderColor={color('Border Color', 'green')}
      borderWidth={number('Border Width', 10)}
      level={text('Level', 'canon')}
      padding={number('Padding', 1)}
    >
      {text('Text', 'Text Here')}
    </Heading><commit_msg>Whitespace clean-up<commit_after>import { storiesOf } from '@kadira/storybook'
import Heading from './Heading'
import ThemeProvider from './ThemeProvider'
import VerticalRhythm from './VerticalRhythm'
import {
  color,
  number,
  select,
  text,
  withKnobs
} from '@kadira/storybook-addon-knobs'

storiesOf('Heading', module)
  .addDecorator(withKnobs)
  .addDecorator((story, context) => (
    <ThemeProvider>
      <VerticalRhythm baseline>
        {story()}
      </VerticalRhythm>
    </ThemeProvider>
  ))
  .add('Typographic Hierarchy', () => (
    <div>
      <Heading level={1}>Canon</Heading>
      <Heading level={2}>Trafalgar</Heading>
      <Heading level={3}>Double Pica</Heading>
      <Heading level={4}>Great Primer</Heading>
      <Heading level={5}>Pica</Heading>
      <Heading level={6}>Long Primer</Heading>
    </div>
  ))
  .add('Numerical Levels', () => (
    <Heading level={number('Level', 1)}>{text('Text', 'Text Here')}</Heading>
  ))
  .add('Named Levels', () => (
    <Heading level={select('Level', Heading.levels, 'canon')}>
      {text('Text', 'Text Here')}
    </Heading>
  ))
  .add('Borders', () => (
    <Heading
      borderColor={color('Border Color', 'green')}
      borderWidth={number('Border Width', 10)}
      level={text('Level', 'canon')}
      padding={number('Padding', 1)}
    >
      {text('Text', 'Text Here')}
    </Heading>
{'fraction_non_alphanumeric': 0.1907703488372093, 'fraction_numerical': 0.007267441860465116, 'mean_word_length': 3.5354200988467874, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 61, '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': '2249869', 'n_tokens_mistral': 959, 'n_tokens_neox': 934, 'n_words': 174}