import { View, type ViewProps } from 'react-native';
import { type VariantProps } from 'tailwind-variants';
declare const surfaceVariants: import("tailwind-variants").TVReturnType<{
    variant: {
        default: string;
        secondary: string;
        tertiary: string;
        transparent: string;
    };
    padding: {
        none: string;
        sm: string;
        default: string;
        lg: string;
    };
    bordered: {
        true: string;
    };
    elevated: {
        true: string;
    };
}, undefined, "overflow-hidden rounded-3xl", {
    variant: {
        default: string;
        secondary: string;
        tertiary: string;
        transparent: string;
    };
    padding: {
        none: string;
        sm: string;
        default: string;
        lg: string;
    };
    bordered: {
        true: string;
    };
    elevated: {
        true: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    variant: {
        default: string;
        secondary: string;
        tertiary: string;
        transparent: string;
    };
    padding: {
        none: string;
        sm: string;
        default: string;
        lg: string;
    };
    bordered: {
        true: string;
    };
    elevated: {
        true: string;
    };
}, undefined, "overflow-hidden rounded-3xl", unknown, unknown, undefined>>;
export interface SurfaceProps extends ViewProps, VariantProps<typeof surfaceVariants> {
    className?: string;
    /**
     * A hairline border. A surface the same colour as what it sits on needs one
     * to read as a distinct plane rather than dissolving into the background.
     */
    bordered?: boolean;
    /**
     * A soft shadow lifting the surface off the page. Off by default because a
     * nested surface reads its depth from its fill, not from a shadow it would
     * only cast onto its parent.
     */
    elevated?: boolean;
    /** Inner spacing. `none` is for a surface wrapping a bled image or a chart. */
    padding?: 'none' | 'sm' | 'default' | 'lg';
}
export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<View>>;
export {};
//# sourceMappingURL=index.d.ts.map