Function tooltipped

source/helpers/tooltip.tsx:76–93

(
	content: string | TooltipOptions,
	element: Element,
)

@example return <div>{tooltipped('Does something', <button type="button">...</button>)}</div>;
*/
export function tooltipped(
	content: string | TooltipOptions,
	element: Element,
): Element {
	const tooltip = createTooltipFor(element, content);
	element.append(tooltip);

	queueMicrotask(() => {
		// TODO: Replace with https://github.com/sindresorhus/ts-extras/issues/75
		if (!element.isConnected) {
			throw new Error('Element must be attached to the document before the tooltip');
		}

		attachToDocument(tooltip);
	});

	return element;
}

/**
Attaches a tooltip to an existing element. Don't use this with JSX.