import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export type Tone = "success" | "default";
export interface EmptyStateSkin {
    /** The centered column wrapper. */
    container: ViewStyle;
    /** The bordered card shape (radius + border width); fill/color is shared. */
    borderedBase: ViewStyle;
    /** Bordered card padding by density (compact tightens it for dense table cells). */
    borderedPad: Record<"compact" | "default", ViewStyle>;
    /** The round icon disc base (size + shape + bottom inset); fill is shared by tone. */
    discBase: ViewStyle;
    /** The glyph type inside the disc; color is shared by tone. */
    glyph: TextStyle;
    /** Title type (size / line-height / weight / tracking + alignment + color). */
    title: (t: ColorTokens) => TextStyle;
    /** Description type (size / line-height / tracking + inset + alignment + color). */
    description: (t: ColorTokens) => TextStyle;
    /** The action button's inset above it. */
    actionSpacing: ViewStyle;
}
export declare function borderedSurface(tokens: ColorTokens): ViewStyle;
export declare function discTone(tokens: ColorTokens, tone: Tone): ViewStyle;
export declare function glyphTone(tokens: ColorTokens, tone: Tone): TextStyle;
export declare const webSkin: EmptyStateSkin;
export declare const iosSkin: EmptyStateSkin;
export declare const androidSkin: EmptyStateSkin;
//# sourceMappingURL=empty-state.styles.d.ts.map