---

import classNames from 'classnames';
import { Tooltip as ExchangeTooltip } from 'exchange-elements/v2';
import { type ComponentProps } from 'react';

import styles from './index.module.scss';

type TooltipProps = ComponentProps<typeof ExchangeTooltip>;

export function Tooltip({
  tooltipClassName,
  location = 'bottom',
  direction = false,
  ...props
}: TooltipProps) {
  return (
    <ExchangeTooltip
      {...props}
      location={location}
      direction={direction}
      tooltipClassName={classNames(styles.tooltip, tooltipClassName)}
    />
  );
}