import type { ReactNode } from 'react';
import type { SurfaceContext } from './adapter';
/**
 * The slot a provider-drawn control (an Apple Pay button in a WebView) is
 * clipped into, shaped like the button it stands in for: the theme's button
 * height and radius, so a brand that squares its buttons off squares this one
 * off with them.
 *
 * `fill` paints the corners the hosted control rounds off — it must match that
 * control's own background, since the provider owns everything inside.
 *
 * Drawn at the large button's size, which an adapter cannot ask its host for:
 * inline, `SurfaceSlot` must be given the same one (`SURFACE_MATCHED_SIZE`) or
 * its clip and this frame's disagree.
 */
export declare function HostedControlFrame({ fill, edgeColor, placement, children, }: {
    fill: string;
    /** Hairline ring for a control whose fill matches the surface behind it. */
    edgeColor?: string;
    placement: SurfaceContext['placement'];
    children: ReactNode;
}): import("react").JSX.Element;
//# sourceMappingURL=HostedControlFrame.d.ts.map