import { type TextStyle, type ViewStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export interface FlowEditorSkin {
    root: ViewStyle;
    toolbar: ViewStyle;
    /** The From and To selects' slot in the toolbar: a select fills its parent, so this sizes it. */
    connectField: ViewStyle;
    viewport: (t: ColorTokens) => ViewStyle;
    /** The SVG layer under the cards, filling the viewport. */
    drawing: ViewStyle;
    /** A transparent box over an SVG-drawn part (an edge) for the docs Anatomy figure. */
    mark: ViewStyle;
    /** A palette entry's card while it is dragged onto the canvas. */
    ghost: ViewStyle;
    node: (t: ColorTokens, selected: boolean) => ViewStyle;
    nodeLabel: (t: ColorTokens) => TextStyle;
    nodeDescription: (t: ColorTokens) => TextStyle;
    port: (t: ColorTokens, active: boolean) => ViewStyle;
    gridDot: (t: ColorTokens) => string;
    edge: (t: ColorTokens, selected: boolean) => {
        stroke: string;
        width: number;
    };
    /** An edge label's capsule, placed over the drawing by the camera like a node card. */
    edgeLabelBox: (t: ColorTokens, selected: boolean) => ViewStyle;
    edgeLabelText: (t: ColorTokens) => TextStyle;
}
export declare const webSkin: FlowEditorSkin;
export declare const iosSkin: FlowEditorSkin;
export declare const androidSkin: FlowEditorSkin;
/** The left offset of the input and output port dots inside a node card. */
export declare const FLOW_PORT_OFFSET: {
    in: number;
    out: number;
};
//# sourceMappingURL=flow-editor.styles.d.ts.map