import { Tooltip as MuiTooltip, ToolbarProps as MuiTooltipProps } from "@mui/material";
import "./tooltip.scss";

export interface TooltipProps extends MuiTooltipProps {
  title?: string;
  label?: string;
  arrow?: boolean;
  placement?:
  | 'bottom-end'
  | 'bottom-start'
  | 'bottom'
  | 'left-end'
  | 'left-start'
  | 'left'
  | 'right-end'
  | 'right-start'
  | 'right'
  | 'top-end'
  | 'top-start'
  | 'top';
}

export const Tooltip = ({
  title, label, placement, arrow,
  ...rest
}: TooltipProps) => {
  return (
    <div className="tooltip-container">
      <MuiTooltip arrow={arrow}
        title={title}
        placement={placement}
      >
        <div>{label}</div>
      </MuiTooltip>
    </div>

  );
};