import "./divider.css";
import type * as React from "react";
import { Separator as Base } from "@base-ui/react/separator";
import { type StyleProps } from "./style_props";
import { type SpaceName } from "./box";
export interface DividerProps extends StyleProps {
    /** `vertical` divides a row; it stretches to the row's height. */
    orientation?: "horizontal" | "vertical";
    /** Air on both sides of the hairline — a rung, never a number. */
    spacing?: SpaceName;
    testID?: string;
    ref?: React.Ref<HTMLDivElement>;
    render?: Base.Props["render"];
}
/**
 * THE hairline. One rule between two things — a menu's groups, a card's bands,
 * a settings list's rows.
 *
 * It announces itself as a separator, so a screen reader gets the boundary a
 * sighted reader sees. `spacing` is the air the hairline carries with it; inside
 * a `Stack` the gap already provides that, so leave it alone there.
 */
export declare function Divider({ orientation, spacing, testID, render, ref, ...props }: DividerProps): React.JSX.Element;