42 lines
983 B
TypeScript
42 lines
983 B
TypeScript
"use client";
|
|
|
|
import { FC } from "react";
|
|
import Link from "next/link";
|
|
import { Button as MUIButton } from "@mui/material";
|
|
import { useAppContext } from "../../../apps/leafcutter/app/_components/AppProvider";
|
|
|
|
interface ButtonProps {
|
|
text: string;
|
|
color: string;
|
|
href: string;
|
|
}
|
|
|
|
export const Button: FC<ButtonProps> = ({ text, color, href }) => {
|
|
const {
|
|
colors: { white, almostBlack },
|
|
} = useAppContext();
|
|
|
|
return (
|
|
<Link href={href} passHref>
|
|
<MUIButton
|
|
variant="contained"
|
|
disableElevation
|
|
sx={{
|
|
fontFamily: "Poppins, sans-serif",
|
|
fontWeight: 700,
|
|
color:
|
|
color === white
|
|
? `${almostBlack} !important`
|
|
: `${white} !important`,
|
|
borderRadius: 999,
|
|
backgroundColor: color,
|
|
padding: "6px 30px",
|
|
margin: "20px 0px",
|
|
whiteSpace: "nowrap",
|
|
}}
|
|
>
|
|
{text}
|
|
</MUIButton>
|
|
</Link>
|
|
);
|
|
};
|