import React, { useState } from "react";
import {
  Alert,
  AlertColor,
  Snackbar as MuiSnackbar,
  SnackbarProps as MuiSnackbarProps,
} from "@mui/material";
import Button from "@components/Button/Button";
import {
  CheckmarkIcon,
  InfoCircleIcon,
  Intent10Icon,
} from "@components/aisera-icons/custom";
import "./snackbar.scss";

export interface SnackbarProps extends MuiSnackbarProps {
  buttonText: string;
  message: string;
  severity: AlertColor;
}

export const Snackbar = ({
  buttonText,
  message,
  severity,
  ...rest
}: SnackbarProps) => {
  const [open, setOpen] = useState(false);

  const handleSnackbarOpen = () => {
    setOpen(true);
  };

  const handleSnackbarClose = () => {
    setOpen(false);
  };

  // let icon = null;
  // switch (severity) {
  //   case "success":
  //     icon = < CheckmarkIcon/>;
  //     break;
  //   case "error":
  //     icon = <InfoCircleIcon />;
  //     break;
  //     case "warning":
  //     icon = <CheckmarkIcon />;
  //     break;
      
  // }

  return (
    <div className="snackbar-container">
      <Button
        label={buttonText}
        variant="outlined"
        color="primary"
        onClick={handleSnackbarOpen}
      />
      <MuiSnackbar {...rest} open={open} autoHideDuration={3000} onClose={handleSnackbarClose}>
        <Alert
          variant="filled"
          severity={severity}
          className="snackbar-text"
          // icon={icon}
          icon = {false}
        >
          {message}
        </Alert>
      </MuiSnackbar>
    </div>
  );
};