frontend/src/components/LoginButton.tsx

import { Button, ButtonProps } from "@mui/material";
import React from "react";

interface LoginButtonProps extends Omit<ButtonProps, "variant" | "fullWidth"> {
  icon?: React.ReactNode;
  isLoggedIn?: boolean;
}

export const LoginButton: React.FC<LoginButtonProps> = ({
  icon,
  isLoggedIn = false,
  children,
  sx,
  ...props
}) => {
  return (
    <Button
      fullWidth
      variant={isLoggedIn ? "outlined" : "contained"}
      startIcon={icon}
      color={isLoggedIn ? "inherit" : "secondary"}
      sx={{
        ...sx,
      }}
      {...props}
    >
      {children}
    </Button>
  );
};