import type { ViewStyle } from "react-native";
export interface WizardSkin {
    /** The scrolled body's content inset. */
    bodyContent: ViewStyle;
    /** The fixed workflow step rail. */
    sidebar: ViewStyle;
    /** Back at the start, application actions at the end. */
    footer: ViewStyle;
}
export declare const bodyScroll: ViewStyle;
export declare const actions: ViewStyle;
/** Below this panel width the step rail moves into the header as segmented bars, so the
 * body is never squeezed to its minimum beside a 170 px rail (a phone-width panel). */
export declare const RAIL_MINIMUM_PANEL = 520;
export declare const webSkin: WizardSkin;
export declare const iosSkin: WizardSkin;
export declare const androidSkin: WizardSkin;
/** The segmented steps under the title on a narrow panel. */
export declare const headerSteps: ViewStyle;
/** Without a rail the Dialog pads the body itself, so the content adds none of its own. */
export declare const dialogPadsBody: ViewStyle;
/** `assistant`: the step rail as a desktop window's sidebar, 240 wide, its rows 8 in, one
 * step off the panel's fill behind a hairline (reference claude-desktop-chat). */
/** The assistant rail's width, and the panel width below which it gives way to segmented
 * steps in the top bar so the conversation keeps a usable column. */
/** The reference sidebar: 287 wide plus its hairline. */
export declare const ASSISTANT_RAIL = 287;
export declare const ASSISTANT_MINIMUM_PANEL = 720;
export declare const assistantRail: ViewStyle;
export declare const assistantActions: ViewStyle;
/** A scrolled body's content in the conversation's column: Chat's `assistant` column (the
 * 768 composer box plus its gutters), centered, so a form lines up with a conversation. */
export declare const assistantColumn: ViewStyle;
export declare const assistantColumnNarrow: ViewStyle;
//# sourceMappingURL=wizard.styles.d.ts.map