import { Close as CloseIcon } from '@mui/icons-material';
import { IconButton } from '@mui/material';
import { useSnackbar } from 'notistack';

/**
 * @deprecated Use useHuSnackbar instead
 */
export const useSnackbarUtils = () => {
  const { enqueueSnackbar, closeSnackbar } = useSnackbar();

  const showSnackbar = (message: string) => {
    enqueueSnackbar(message, {
      variant: 'default',
      anchorOrigin: { horizontal: 'center', vertical: 'bottom' },
      action: (
        <IconButton onClick={() => closeSnackbar()}>
          <CloseIcon sx={{ color: '#FFFFFF', fontSize: 'small' }} />
        </IconButton>
      ),
    });
  };

  return { showSnackbar };
};

export default useSnackbarUtils;