import * as React from "react";
import type { PageCoverProp } from "../props/components/layout.prop.js";
export type { PageCoverProp, PageCoverProp as PageCoverProps, } from "../props/components/layout.prop.js";
/**
 * PageCover (gh#1160) — a page's cover image: Notion's banner across the top, or note.com's
 * eyecatch in the reading column (`variant="eyecatch"`, ~1.91:1, rounded). Put it in
 * `PageContainer cover`, which places it and lets the page `icon` overlap its bottom edge.
 *
 * The focal point is `positionY` (0 top – 100 bottom), applied as `object-position: 50% y%`.
 * While `repositioning`, the image IS the control: a vertical WAI-ARIA slider that follows a drag
 * (pixels map to percent through the image's real overflow, so the picture tracks the pointer)
 * and the slider keys (arrows ±1, PageUp / PageDown ±10, Home / End); Enter or Escape ends it.
 */
export declare const PageCover: React.ForwardRefExoticComponent<PageCoverProp & React.RefAttributes<HTMLDivElement>>;