{"size": 534, "ext": "js", "max_stars_repo_path": "src/components/Button.js", "max_stars_repo_name": "BenAlaa/react-wouldyourather-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Button.js", "max_issues_repo_name": "BenAlaa/react-wouldyourather-app", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Button.js", "max_forks_repo_name": "BenAlaa/react-wouldyourather-app", "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": 28.1052631579, "max_line_length": 86, "alphanum_fraction": 0.6048689139}
import { classNames } from "../utils/helpers";
const Button = ({text, type, onClick}) => {
  return ( 
    <button
      type={type}
      onClick={onClick}
      className={classNames(
        "m-auto mb-4 mt-4 text-center p-2 px-8 rounded-full bg-indigo-500 text-white",
        "ring-2 ring-offset-2 ring-offset-sky-300 ring-yellow-300 ring-opacity-60",
        "transition ease-in-out duration-300",
        "transform hover:scale-105 hover:bg-yellow-500"
      )}
    >
      {text}
    </button>
   );
}
 
export default Button;