22 lines
635 B
JavaScript
22 lines
635 B
JavaScript
import React from 'react';
|
|
import { Link} from "react-router-dom";
|
|
|
|
function Button(props){
|
|
return (
|
|
<Link
|
|
to={props.link}
|
|
disabled={props.disabled}
|
|
className={`p-2 m-2 rounded-2xl text-center font-bold border-2
|
|
${props.disabled ? 'pointer-events-none text-gray-400 bg-slate-700' : 'text-white hover:font-bold hover:text-black hover:bg-slate-400 border-black bg-slate-600'}`}>
|
|
{props.displayValue}
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
Button.defaultProps = {
|
|
disabled: false,
|
|
link: "/",
|
|
displayValue: "Missing displayValue"
|
|
}
|
|
|
|
export default Button; |