import { type Accessor, createContext, useContext } from "solid-js";
import type { MutableRef } from "../internals/floating-ui/types";

export type TooltipSide =
	| "top"
	| "bottom"
	| "left"
	| "right"
	| "inline-end"
	| "inline-start";

export type TooltipAlign = "start" | "center" | "end";

/**
 * Context shape published by `<Tooltip.Positioner>` so descendants (`Popup`,
 * `Arrow`) can read the resolved placement / arrow ref / arrow styles.
 */
export interface TooltipPositionerContextValue {
	/** The resolved side (post-flip / post-shift). */
	side: Accessor<TooltipSide>;
	/** The resolved alignment (post-flip / post-shift). */
	align: Accessor<TooltipAlign>;
	/** Whether the arrow has been pushed outside the centered axis. */
	arrowUncentered: Accessor<boolean>;
	/** Inline styles to apply to the arrow element (`left`/`top`/etc.). */
	arrowStyles: Accessor<Record<string, string | number | undefined>>;
	/** Mutable ref for the arrow element — consumed by the `arrow` middleware. */
	arrowRef: MutableRef<HTMLDivElement | null>;
	/** Whether the anchor element is outside the viewport (after `hide`). */
	anchorHidden: Accessor<boolean>;
}

export const TooltipPositionerContext =
	createContext<TooltipPositionerContextValue | null>(null);

export function useTooltipPositionerContext(): TooltipPositionerContextValue {
	const context = useContext(TooltipPositionerContext);
	if (context === null) {
		throw new Error(
			"Base UI: TooltipPositionerContext is missing. Tooltip.Popup and Tooltip.Arrow must be placed within <Tooltip.Positioner>.",
		);
	}
	return context;
}