{"size": 921, "ext": "js", "max_stars_repo_path": "packages/demo/pages/math-toolbar.js", "max_stars_repo_name": "TeachForward/pie-lib", "max_stars_repo_stars_event_min_datetime": "2018-04-03T05:19:26.000Z", "max_stars_repo_stars_event_max_datetime": "2020-07-15T08:27:17.000Z", "max_issues_repo_path": "packages/demo/pages/math-toolbar.js", "max_issues_repo_name": "TeachForward/pie-lib", "max_issues_repo_issues_event_min_datetime": "2018-03-20T14:18:51.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-21T13:31:13.000Z", "max_forks_repo_path": "packages/demo/pages/math-toolbar.js", "max_forks_repo_name": "TeachForward/pie-lib", "max_forks_repo_forks_event_min_datetime": "2020-10-21T17:36:10.000Z", "max_forks_repo_forks_event_max_datetime": "2021-08-30T09:58:21.000Z"}
{"max_stars_count": 3, "max_issues_count": 57, "max_forks_count": 3, "avg_line_length": 24.8918918919, "max_line_length": 52, "alphanum_fraction": 0.6330076004}
import { withStyles } from '@material-ui/core';
import React from 'react';

import { MathToolbar } from '@pie-lib/math-toolbar';
import withRoot from '../src/withRoot';

export class Demo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      mounted: false
    };
  }

  componentDidMount() {
    this.setState({ mounted: true });
  }

  render() {
    const { mounted } = this.state;
    return mounted ? <div>
      <MathToolbar keypadMode={1}/>
      <MathToolbar keypadMode={3}/>
      <MathToolbar keypadMode={6}/>
      <MathToolbar keypadMode={8}/>
      <MathToolbar keypadMode="geometry"/>
      <MathToolbar keypadMode="advanced-algebra"/>
      <MathToolbar keypadMode="statistics"/>
      <MathToolbar latex={'\\frac{1}{2}'}/>
    </div> : <div>loading</div>;
  }
}

const styles = theme => ({});
const Styled = withStyles(styles)(Demo);
export default withRoot(Styled);
