<commit_before>import React from 'react'
import { ProgressBar } from '../src'
import { LeftPackedRow, Space } from './layouts.jsx'

const noop= () => {}

export default class ProgressBarPage extends React.Component {
  render() {
    return (
      <div>
        <h3>Progress bars</h3>
        <LeftPackedRow>
          <ProgressBar progress={0.6}/>
          <Space/>
          <ProgressBar progress={0.3} loaded={0.8}/>
          <Space/>
          <ProgressBar indeterminate={true}/>
        </LeftPackedRow>
      </div>
    )
  }

  state= {}
}<commit_msg>Dev: fix layout on progress bar page<commit_after>import React from 'react'
import { ProgressBar } from '../src'

const noop= () => {}

export default class ProgressBarPage extends React.Component {
  render() {
    return (
      <div>
        <h3>Progress bar loading</h3>
        <ProgressBar progress={0.6}/>

        <h3>Progress bar with buffer</h3>
        <ProgressBar progress={0.3} loaded={0.8}/>

        <h3>Indeterminate progress bar</h3>
        <ProgressBar indeterminate={true}/>
      </div>
    )
  }

  state= {}
}
{'fraction_non_alphanumeric': 0.14625228519195613, 'fraction_numerical': 0.018281535648994516, 'mean_word_length': 2.400621118012422, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 27, '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': '7087237', 'n_tokens_mistral': 353, 'n_tokens_neox': 342, 'n_words': 83}