import { type BlockBackgroundVariant } from "../BlockBackground";
export declare const VISUAL_BLOCK_ASPECT_RATIOS: readonly ["16:9", "5:1"];
export type VisualBlockAspectRatio = (typeof VISUAL_BLOCK_ASPECT_RATIOS)[number];
type VisualBlockProps = Omit<React.ComponentProps<"section">, "children"> & Readonly<{
    image: React.ReactNode;
    aspectRatio?: VisualBlockAspectRatio;
    background?: BlockBackgroundVariant;
}>;
/**
 * Full-width image block that clamps at 1512px max-width, with rounded corners
 * at viewports ≥ 1512px. The `background` prop paints the section behind the
 * visual and is only visible at viewports ≥ 1512px (when the clamped visual
 * leaves side strips uncovered).
 */
export declare const VisualBlock: ({ image, aspectRatio, background, ...rest }: VisualBlockProps) => import("react").JSX.Element;
export {};
//# sourceMappingURL=VisualBlock.d.ts.map