<commit_before>import React from 'react';
import CodeExample from '../../../CodeExample';
import PropTypeDescription from '../../../PropTypeDescription';
import MarkdownElement from '../../../MarkdownElement';

import linearProgressReadmeText from './README';
import linearProgressCode from '!raw!material-ui/lib/linear-progress';
import LinearProgressExampleSimple from './ExampleSimple';
import linearProgressExampleSimpleCode from '!raw!./ExampleSimple';
import LinearProgressExampleDeterminate from './ExampleDeterminate';
import linearProgressExampleDeterminateCode from '!raw!./ExampleDeterminate';

const LinearProgressPage = () => (
  <div>
    <MarkdownElement text={linearProgressReadmeText} />
    <CodeExample code={linearProgressExampleSimpleCode}>
      <LinearProgressExampleSimple />
    </CodeExample>
    <CodeExample code={linearProgressExampleDeterminateCode}>
      <LinearProgressExampleDeterminate />
    </CodeExample>
    <PropTypeDescription code={linearProgressCode}/>
  </div>
);

export default LinearProgressPage;<commit_msg>[Docs] LinearProgress - Add title and description to examples<commit_after>import React from 'react';
import CodeExample from '../../../CodeExample';
import PropTypeDescription from '../../../PropTypeDescription';
import MarkdownElement from '../../../MarkdownElement';

import linearProgressReadmeText from './README';
import linearProgressCode from '!raw!material-ui/lib/linear-progress';
import LinearProgressExampleSimple from './ExampleSimple';
import linearProgressExampleSimpleCode from '!raw!./ExampleSimple';
import LinearProgressExampleDeterminate from './ExampleDeterminate';
import linearProgressExampleDeterminateCode from '!raw!./ExampleDeterminate';

const descriptions = {
  indeterminate: 'By default, the indicator animates continuously.',
  determinate: 'In `determinate` mode, the indicator adjusts to show the percentage complete, ' +
  'as a ratio of `value`: `max-min`.',
};

const LinearProgressPage = () => (
  <div>
    <MarkdownElement text={linearProgressReadmeText} />
    <CodeExample
      title="Indeterminate progress"
      description={descriptions.indeterminate}
      code={linearProgressExampleSimpleCode}
    >
      <LinearProgressExampleSimple />
    </CodeExample>
    <CodeExample
      title="Determinate progress"
      description={descriptions.determinate}
      code={linearProgressExampleDeterminateCode}
    >
      <LinearProgressExampleDeterminate />
    </CodeExample>
    <PropTypeDescription code={linearProgressCode}/>
  </div>
);

export default LinearProgressPage;
{'fraction_non_alphanumeric': 0.11680248350795498, 'fraction_numerical': 0.0, 'mean_word_length': 5.1380952380952385, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 25, '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': '7659622', 'n_tokens_mistral': 660, 'n_tokens_neox': 635, 'n_words': 157}