import type { JSX, ValidComponent } from "@solidjs/web";
import { styleDisableScrollbar } from "../../internals/scroll-area-utils/style-disable-scrollbar.js";
import type { BaseUIComponentProps } from "../../internals/types.js";
import { type ScrollAreaRootState } from "../root/scroll-area-root-context.js";
export interface ScrollAreaViewportState extends ScrollAreaRootState {
}
export interface ScrollAreaViewportProps extends BaseUIComponentProps<"div", ScrollAreaViewportState> {
    /** Tag/component to render. Defaults to `"div"`. */
    as?: ValidComponent;
}
/**
 * The scrollable container of the scroll area. Renders a `<div>` element.
 *
 * Responsibilities:
 *
 *  - Hides the native scrollbars via the shared `.base-ui-disable-scrollbar`
 *    class (the root injects the matching stylesheet).
 *  - Publishes thumb/corner sizes, per-axis hidden state, overflow-edge
 *    flags, and per-edge scroll-offset CSS vars for descendant scrollbars.
 *  - Observes the viewport with a `ResizeObserver` and recomputes the thumb
 *    on size changes. Also recomputes after in-progress animations settle.
 */
export declare function ScrollAreaViewport(props: ScrollAreaViewportProps): JSX.Element;
export { styleDisableScrollbar };
//# sourceMappingURL=scroll-area-viewport.d.ts.map