import * as React from "react";
import { TooltipSymbol } from "../components/Tooltip";

export function useNestableChild(children: React.ReactNode) {
  const childArray = React.Children.toArray(children);
  if (childArray.length === 1 && React.isValidElement(childArray[0])) {
    const child = childArray[0];
    if (child.type?.[TooltipSymbol] === true) {
      return true;
    }
  }
  return false;
}