import { useGridlerStore } from './Store';

export function BottomBar() {
  const { _activeTooltip, tooltipBarProps } = useGridlerStore((s) => ({
    _activeTooltip: s._activeTooltip,
    tooltipBarProps: s.tooltipBarProps,
  }));

  return (
    <div data-tooltip-bar style={{ minHeight: '24px' }} {...tooltipBarProps}>
      {_activeTooltip}
    </div>
  );
}