import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export type Tone = "success" | "default";
export type Density = "compact" | "default";
export interface EmptyStateSkin {
    /** The centered column wrapper: its corner, padding and rhythm, per density. */
    container: Record<Density, ViewStyle>;
    /** The elevated surface's fill and shade. */
    elevated: (t: ColorTokens) => ViewStyle;
    /** The bordered surface's edge (corner + width + style); its color is shared. */
    borderedBase: ViewStyle;
    /** The glyph tile (size + corner), per density; its fill is shared by tone. */
    discBase: Record<Density, ViewStyle>;
    /** The glyph's size inside the tile, per density; its color is shared by tone. */
    glyphSize: Record<Density, number>;
    /** A text-character glyph's type. */
    glyph: TextStyle;
    /** Title type, per density (size / line-height / weight / tracking / face + color). */
    title: (t: ColorTokens, density: Density) => TextStyle;
    /** Description type (size / line-height + alignment + color + measure). */
    description: (t: ColorTokens) => TextStyle;
    /** The action button's inset above it (on top of the column's rhythm). */
    actionSpacing: ViewStyle;
}
/** The bordered surface's edge color: the field boundary (the hand-off's `--ln2`). */
export declare function borderedSurface(tokens: ColorTokens): ViewStyle;
/** The glyph tile's fill per tone: the success wash, or the accent's soft wash. */
export declare function discTone(tokens: ColorTokens, tone: Tone): ViewStyle;
/** The glyph's color per tone: the solid green, or the accent's text ink. */
export declare function glyphTone(tokens: ColorTokens, tone: Tone): TextStyle;
/** Web: the hand-off's empty state, its title in the display face. */
export declare const webSkin: EmptyStateSkin;
/** iOS: no native empty-state control; the web skin's parts, in SF Pro. */
export declare const iosSkin: EmptyStateSkin;
/** Android: no Material 3 empty state; the web skin's parts, in Roboto. */
export declare const androidSkin: EmptyStateSkin;
//# sourceMappingURL=empty-state.styles.d.ts.map