import type { JSX } from "@solidjs/web";
/**
 * `<Select.ScrollUpArrow>` — renders an up-scroll affordance inside the
 * trigger-aligned select popup. Mounts only when the popup is scrollable
 * above the current viewport (`store.scrollUpArrowVisible`) and the popup
 * wasn't opened via touch. Delegates to the shared {@link SelectScrollArrow}.
 */

import {
	SelectScrollArrow,
	type SelectScrollArrowProps,
	type SelectScrollArrowState,
} from "../scroll-arrow/select-scroll-arrow";

export type SelectScrollUpArrowState = SelectScrollArrowState;

export type SelectScrollUpArrowProps = Omit<
	SelectScrollArrowProps,
	"direction"
>;

export function SelectScrollUpArrow(
	props: SelectScrollUpArrowProps,
): JSX.Element {
	return <SelectScrollArrow {...props} direction="up" />;
}