<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import AppBar from 'material-ui/AppBar';
import Toolbar from 'material-ui/Toolbar';
import Typography from 'material-ui/Typography';
import Grid from 'material-ui/Grid';
import Button from 'material-ui/Button';
import { grey } from 'material-ui/colors';
import MediaQuery from 'react-responsive';

const styles = theme => ({
  root: {
    width: '100%',
    height: '100%',
  },
  headerAppBar: {
    backgroundColor: theme.palette.primary.A700,
  },
  subheader: {
    borderBottom: `solid 1px ${grey[500]}`,
  },
  flex: {
    flex: 1,
  },
});

function SubHeader({ classes }) {
  return (
    <Toolbar className={classes.subheader}>
      <Grid container direction="row" align="center" justify="space-around">
        <Grid item>
          <Button raised>検索する</Button>
        </Grid>
        <Grid>
          <Button raised>マイページ</Button>
        </Grid>
      </Grid>
    </Toolbar>
  );
}
function Header({ classes, children }) {
  return (
    <div className={classes.root}>
      <AppBar position="static" className={classes.headerAppBar}>
        <Toolbar>
          <Typography type="title" color="inherit" className={classes.flex}>
            enow
          </Typography>
          IT勉強会・イベント検索
        </Toolbar>
      </AppBar>
      <MediaQuery query="(max-width:1024px)"><commit_msg>fix: header title<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import AppBar from 'material-ui/AppBar';
import Toolbar from 'material-ui/Toolbar';
import Typography from 'material-ui/Typography';
import Grid from 'material-ui/Grid';
import Button from 'material-ui/Button';
import { grey } from 'material-ui/colors';
import MediaQuery from 'react-responsive';

const styles = theme => ({
  root: {
    width: '100%',
    height: '100%',
  },
  headerAppBar: {
    backgroundColor: theme.palette.primary.A700,
  },
  subheader: {
    borderBottom: `solid 1px ${grey[500]}`,
  },
});

function SubHeader({ classes }) {
  return (
    <Toolbar className={classes.subheader}>
      <Grid container direction="row" align="center" justify="space-around">
        <Grid item>
          <Button raised>検索する</Button>
        </Grid>
        <Grid>
          <Button raised>マイページ</Button>
        </Grid>
      </Grid>
    </Toolbar>
  );
}
function Header({ classes, children }) {
  return (
    <div className={classes.root}>
      <AppBar position="static" className={classes.headerAppBar}>
        <Toolbar>
          <Typography type="display3">
            e
          </Typography>
          <Typography type="display1">
            now
          </Typography>
          <Typography type="title">
            IT勉強会・イベント検索
          </Typography>
        </Toolbar>
      </AppBar>
      <MediaQuery query="(max-width:1024px)">
{'fraction_non_alphanumeric': 0.1453924914675768, 'fraction_numerical': 0.012627986348122866, 'mean_word_length': 2.8464566929133857, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 49, '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': '3285039', 'n_tokens_mistral': 920, 'n_tokens_neox': 913, 'n_words': 209}