import { ReactNode } from 'react';
/**
 * Renders the same component once per rung.
 *
 * This is the story that catches the failure mode the ladder exists to prevent:
 * a component that looks right on the one background it was designed against
 * and then disappears, or stops meeting contrast, on another. Reviewing four
 * instances side by side makes a component that hardcoded its own background
 * obvious, because it will be the one that does not change.
 *
 * Takes a render function rather than a node so each rung gets its own
 * instance. Sharing one element would share one piece of component state, and an
 * input or a toggle would then behave as a single control rendered four times.
 */
export declare function SurfaceContextMatrix({ render }: {
    render: () => ReactNode;
}): import("react").JSX.Element;