import { Button as DefaultButton } from "@mui/material";


interface Props {
    fullWidth?: boolean;
    backgroundColor?: string;
    color?: string;
    variant: "outlined" | "contained";
    children: React.ReactNode;
}

export default function Button({ fullWidth = false, backgroundColor, color, variant, children }: Props) {

    return (
        <div>
            <DefaultButton
                fullWidth={fullWidth}
                variant={variant}
                sx={{
                    backgroundColor,
                    color,
                    borderRadius: "8px",
                    px: "41.5px",
                    py: "9px",
                    boxShadow: "none",
                }}
            >
                {children}
            </DefaultButton>
        </div>
    );
}