import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export type Tone = "destructive" | "neutral";
export type Layout = "inline" | "stacked";
export interface ActionPanelSkin {
    /** The panel: corner, hairline width, inset and the rhythm between its blocks. */
    container: ViewStyle;
    /** Title type (weight / size / line height). The tone color is supplied by shared. */
    titleType: TextStyle;
    /** Description type (size / line-height). The muted color is supplied by shared. */
    descriptionType: TextStyle;
    /** Vertical gap between the title and its consequence line. */
    copyGap: number;
    /** Gap between the copy and the pinned action in the inline/toggle row. */
    inlineGap: number;
    /** The copy's flex basis in the inline row: below it the action wraps under the copy. */
    inlineCopyBasis: number;
    /** Vertical gap between the blocks of embedded content. */
    contentGap: number;
    /** The closing action row under embedded content: its inset and hairline width. */
    footer: ViewStyle;
    /** Cross-axis alignment of the pinned action against the copy block in the inline row. */
    inlineAlign: ViewStyle["alignItems"];
}
/** The danger-zone title is the error ink (text-grade on the wash); the neutral one the card ink. */
export declare function titleColor(tokens: ColorTokens, tone: Tone): string;
/** The panel's fill and edge per tone. */
export declare function panelColor(tokens: ColorTokens, tone: Tone): ViewStyle;
/** The glass pane's under-fill: the danger zone keeps its wash; the neutral panel takes the layer's own. */
export declare function panelTint(tokens: ColorTokens, tone: Tone): string | undefined;
/** The hairline over the closing action row. */
export declare function footerColor(tokens: ColorTokens): ViewStyle;
export declare const webSkin: ActionPanelSkin;
/** iOS: no native action panel; the web skin's parts, in SF Pro. */
export declare const iosSkin: ActionPanelSkin;
/** Android: no Material 3 action panel; the web skin's parts, in Roboto. */
export declare const androidSkin: ActionPanelSkin;
//# sourceMappingURL=action-panels.styles.d.ts.map