import { ButtonPropsVariantOverrides, Button as MuiButton, ButtonProps as MuiButtonProps } from '@mui/material';
import { OverridableStringUnion } from '@mui/types';
import './button.scss';


export interface ButtonProps extends MuiButtonProps {
  label?: string;
  variant?: OverridableStringUnion<
    'text' | 'outlined' | 'contained',
    ButtonPropsVariantOverrides
  >,
  elevation?: boolean | undefined;
  startIcon?: React.ReactNode;
  endIcon?: React.ReactNode;
}

export const Button = ({ label, elevation, startIcon, endIcon, ...rest }: ButtonProps) => {
  return (
  //   <div className={`button-container
  //  ${variant === 'contained' ? "button-primary": "button-secondary"}`}>
  <div className='button-container'>
      <MuiButton className={label ? 'icon-with-label-padding' : 'only-icon-padding' } {...rest} startIcon={startIcon} endIcon={endIcon} disableElevation = {!elevation}>{label}</MuiButton>
    </div>
  );

}

export default Button;