{"size": 645, "ext": "js", "max_stars_repo_path": "frontend/hrhero/src/components/utils/NavButton/index.js", "max_stars_repo_name": "dravod/hr_hero", "max_stars_repo_stars_event_min_datetime": "2021-02-11T00:13:17.000Z", "max_stars_repo_stars_event_max_datetime": "2021-02-11T00:13:17.000Z", "max_issues_repo_path": "frontend/hrhero/src/components/utils/NavButton/index.js", "max_issues_repo_name": "dravod/hr_hero", "max_issues_repo_issues_event_min_datetime": "2022-02-27T08:46:43.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T08:46:43.000Z", "max_forks_repo_path": "frontend/hrhero/src/components/utils/NavButton/index.js", "max_forks_repo_name": "dravod/hr_hero", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 26.875, "max_line_length": 77, "alphanum_fraction": 0.680620155}
//React
import React from 'react';
//CSS
import "./index.css";
//React Navigation Components
import { useHistory } from "react-router-dom";
//Bootstap Components
import Button from "react-bootstrap/Button";

const NavButton = (props)=>{
    console.log(props)
    let {buttonStyle, buttonText, navPath} = props
    const history = useHistory();
    console.log(buttonStyle, navPath)
    const clickHandler = e =>{
        e.preventDefault()
        history.push(navPath)
    }
    console.log("BUTTON STYL", buttonStyle)
    return (
        <Button id={buttonStyle} onClick={clickHandler}>{buttonText}</Button>
    )
}
export default NavButton;