import type { JSX } from "@solidjs/web";
/**
 * `<Select.ScrollDownArrow>` — renders a down-scroll affordance inside
 * the trigger-aligned select popup. Mounts only when the popup has more
 * content below the current viewport (`store.scrollDownArrowVisible`) 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 SelectScrollDownArrowState = SelectScrollArrowState;

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

export function SelectScrollDownArrow(
	props: SelectScrollDownArrowProps,
): JSX.Element {
	return <SelectScrollArrow {...props} direction="down" />;
}