{"size": 526, "ext": "js", "max_stars_repo_path": "src/components/Panel.js", "max_stars_repo_name": "kalpetros/hawkpass-desktop", "max_stars_repo_stars_event_min_datetime": "2016-02-24T05:42:32.000Z", "max_stars_repo_stars_event_max_datetime": "2020-10-10T18:59:51.000Z", "max_issues_repo_path": "src/components/Panel.js", "max_issues_repo_name": "kalpetros/hawkpass", "max_issues_repo_issues_event_min_datetime": "2017-12-03T17:04:09.000Z", "max_issues_repo_issues_event_max_datetime": "2020-12-13T02:40:21.000Z", "max_forks_repo_path": "src/components/Panel.js", "max_forks_repo_name": "kalpetros/hawkpass", "max_forks_repo_forks_event_min_datetime": "2015-08-18T19:29:10.000Z", "max_forks_repo_forks_event_max_datetime": "2022-02-14T16:57:17.000Z"}
{"max_stars_count": 50, "max_issues_count": 3, "max_forks_count": 9, "avg_line_length": 21.04, "max_line_length": 74, "alphanum_fraction": 0.6673003802}
import PropTypes from 'prop-types';
import React from 'react';

export const Panel = props => {
  const { children, bgColor, style, onClick } = props;
  const className = `${bgColor} text-gray-200 text-center p-8 rounded-xl`;

  return (
    <div className={className} style={style} onClick={onClick}>
      {children}
    </div>
  );
};

Panel.defaultProps = {
  bgColor: 'bg-gray-700',
};

Panel.propTypes = {
  children: PropTypes.node,
  bgColor: PropTypes.string,
  style: PropTypes.object,
  onClick: PropTypes.func,
};
