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 {
    /** Title type (weight / size / tracking). The tone color is supplied by shared. */
    titleType: TextStyle;
    /** Description type (size / line-height / tracking). The muted color is supplied by shared. */
    descriptionType: TextStyle;
    /** Vertical gap between the title and its consequence line. */
    copyGap: number;
    /** Horizontal gap between the copy and the pinned action in the inline/toggle row. */
    inlineGap: number;
    /** Vertical gap between the copy and the action in the stacked layout. */
    stackedGap: number;
    /**
     * Cross-axis alignment of the pinned action against the copy block in the
     * inline/toggle row. Web keeps the Tailwind-Plus top-align; the native settings
     * rows center the trailing control against the full copy block (iOS Settings
     * rows, M3 switch list items).
     */
    inlineAlign: ViewStyle["alignItems"];
}
export declare function titleColor(tokens: ColorTokens, dark: boolean, tone: Tone): string;
export declare const webSkin: ActionPanelSkin;
export declare const iosSkin: ActionPanelSkin;
export declare const androidSkin: ActionPanelSkin;
//# sourceMappingURL=action-panels.styles.d.ts.map