import { View } from 'react-native';
import type { SurfaceProps } from './types';
/**
 * The base container every other elevated component is built from — the
 * "paper" primitive.
 *
 * A Surface owns exactly one decision: how far off the page it sits. Level
 * drives background, border color and default shadow as a set, which is what
 * stops individual components from reaching into the palette and picking a
 * background that belongs to no elevation at all (the reason Menu dropdowns
 * used to render mid-grey).
 *
 * @example
 * ```tsx
 * // A panel on the page
 * <Surface level={1} padding="md" radius="lg">…</Surface>
 *
 * // A dropdown floating over that panel — no hard-coded level needed
 * <Surface raised>…</Surface>
 * ```
 */
export declare const Surface: import("../../core/factory").PlatformBlocksComponent<{
    props: SurfaceProps;
    ref: View;
}>;