import * as React from "react"; export type { SeparatorProp, SeparatorProp as SeparatorProps, } from "../../props/components/layout.prop.js"; /** * ACCESSIBILITY — the whole point of the labelled form is that the label is ANNOUNCED, exactly * ONCE. Without a label the rule stays `decorative` (`role="none"`), which is right: a section * rule carries no information. * * SUBSTRATE — React Aria Components. Its `Separator` has no `decorative` prop: `useSeparator` * emits `role="separator"` unconditionally (and `aria-orientation="vertical"` on the vertical * rule), and it drops `children` entirely. Both are handled in the `render` override below, which * is RAC's supported escape hatch for owning the element: it hands us the computed DOM props and * the ref, and we decide what element carries them. */ export declare const Separator: React.ForwardRefExoticComponent, "children"> & { labelSize?: "2xs" | "xs" | "sm" | "md"; space?: import("../../props/index.js").GapProp; hideBelow?: import("../../props/index.js").BreakpointProp; hideFrom?: import("../../props/index.js").BreakpointProp; orientation?: import("../../props/index.js").OrientationProp; label?: string; labelAlign?: import("../../props/index.js").TextAlignProp; tone?: import("../../props/index.js").TextToneProp; decorative?: boolean; className?: import("../../props/index.js").ClassNameProp; } & React.RefAttributes>;