import { type ViewStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export interface DragDropSkin {
    /** The grip handle surface (square touch target, platform radius, centered glyph). */
    handle: ViewStyle;
    /** The grip glyph (gripVertical) size in px. */
    handleIconSize: number;
    /** Opacity applied to the grip while pressed/dragging (the cross-platform press feedback). */
    handlePressedOpacity: number;
    /** The over-zone highlight: an absolute ring + faint fill painted inside the active target. */
    zoneActive: (t: ColorTokens) => ViewStyle;
    /** The keyboard-drag "grabbed" outline on the handle (a focus-like ring while carried). */
    handleGrabbed: (t: ColorTokens) => ViewStyle;
    /** The insertion indicator line color/thickness/radius; the shell sizes + positions it. */
    indicator: (t: ColorTokens) => ViewStyle;
    /** The dragging ghost surface (elevation/opacity/radius) layered over the page. */
    ghost: (t: ColorTokens) => ViewStyle;
}
export declare const webSkin: DragDropSkin;
export declare const iosSkin: DragDropSkin;
export declare const androidSkin: DragDropSkin;
//# sourceMappingURL=drag-drop.styles.d.ts.map