import { type ReactNode } from "react";
import { type StyleProp, type ViewStyle, type TextStyle } from "../../style/index.js";
export type Orientation = "horizontal" | "vertical";
export type Emphasis = "soft" | "strong";
export interface DividerSkin {
    /** Rule thickness in px (height of a horizontal/flank rule, width of a vertical rule). */
    ruleThickness: number;
    /** Gap between a flanking hairline and the centered label/action node. */
    labelGap: number;
    /** The centered label type (size / line-height / weight / tracking). */
    labelType: TextStyle;
}
export interface DividerProps {
    /**
     * Optional middle content. With children, a horizontal divider renders a
     * flanking-line + centered-label row (the "with label" / "with action"
     * patterns). A string renders as muted label text; arbitrary nodes (e.g. a
     * button) render as-is for the action pattern. Ignored when `vertical`.
     */
    children?: ReactNode;
    horizontal?: boolean;
    vertical?: boolean;
    soft?: boolean;
    strong?: boolean;
    /** E2E hook forwarded to the root element. */
    testID?: string;
    /** Outer layout composition only (width/flex within a parent), never a restyle hook. */
    style?: StyleProp<ViewStyle>;
}
export declare function createDivider(skin: DividerSkin): (props: DividerProps) => import("react").JSX.Element;
//# sourceMappingURL=divider.shared.d.ts.map