import type { JSX } from "@solidjs/web";
/**
 * Context set by `<Drawer.Viewport>` — carries the swipe state consumed
 * by `<Drawer.Popup>` (e.g. `swiping` flag, per-release strength scalar).
 *
 * 1:1 port of Base UI React's `DrawerViewportContext` with accessor-shaped
 * values for Solid's reactive graph.
 */

import { type Accessor, createContext, useContext } from "solid-js";

export interface DrawerViewportContextValue {
	/** Whether an active drag is in progress. */
	swiping: Accessor<boolean>;
	/** Computed drag transform styles to apply on the popup. */
	getDragStyles: () => JSX.CSSProperties;
	/** Swipe-release transition strength scalar (0.1 - 1), or `null`. */
	swipeStrength: Accessor<number | null>;
	/** Imperative setter for the `data-swipe-dismiss` attribute. */
	setSwipeDismissed: (dismissed: boolean) => void;
}

/**
 * Null-sentinel context. `<Drawer.Popup>` consults this
 * optionally — omitting the viewport disables swipe handling but the
 * popup still renders.
 */
export const DrawerViewportContext =
	createContext<DrawerViewportContextValue | null>(null);

export function useDrawerViewportContext(): DrawerViewportContextValue;
export function useDrawerViewportContext(
	optional: true,
): DrawerViewportContextValue | null;
export function useDrawerViewportContext(
	optional?: boolean,
): DrawerViewportContextValue | null {
	const context = useContext(DrawerViewportContext);
	if (context == null && !optional) {
		throw new Error(
			"Base UI: DrawerViewportContext is missing. Drawer parts must be placed within <Drawer.Viewport>.",
		);
	}
	return context;
}