{"size": 1163, "ext": "js", "max_stars_repo_path": "src/App/Components/NotFound/index.js", "max_stars_repo_name": "michaeltreyvaud/somethingsomething-web", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/App/Components/NotFound/index.js", "max_issues_repo_name": "michaeltreyvaud/somethingsomething-web", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/App/Components/NotFound/index.js", "max_forks_repo_name": "michaeltreyvaud/somethingsomething-web", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.7346938776, "max_line_length": 89, "alphanum_fraction": 0.5399828031}
import React from 'react';
import PropTypes from 'prop-types';

import Today from '@material-ui/icons/Today';

import GridContainer from '../Grid/GridContainer';
import GridItem from '../Grid/GridItem';
import Card from '../Card/Card';
import CardHeader from '../Card/CardHeader';
import CardBody from '../Card/CardBody';
import CardIcon from '../Card/CardIcon';

const NotFound = (props) => {
  const { text } = props;
  return (
    <div>
      <GridContainer>
        <GridItem xs={12} sm={12} md={12}>
          <Card>
            <CardHeader color="rose" icon>
              <CardIcon color="rose">
                <Today />
              </CardIcon>
            </CardHeader>
            <CardBody>
              <div style={{
                display: 'flex', flex: 1, alignItems: 'center', justifyContent: 'center',
              }}
              >
                <h2><small>{text}</small></h2>
              </div>
            </CardBody>
          </Card>
        </GridItem>
      </GridContainer>
    </div>
  );
};

NotFound.propTypes = {
  text: PropTypes.string,
};

NotFound.defaultProps = {
  text: 'Item Not Found',
};

export default NotFound;
