import { type HTMLAttributes } from 'react';
import { type VariantProps } from 'class-variance-authority';
/**
* Intentionally does NOT wrap `@radix-ui/react-separator`. That package
* is a ~1 KB styling wrapper that only adds `role="separator"` +
* `aria-orientation` + `role="none"` + `aria-hidden` for the decorative
* path — exactly what this component does by hand. Adding the Radix dep
* would duplicate logic with no user-facing gain. See the "Radix-first"
* note in the user story (layout/separator.mdx).
*/
declare const separatorVariants: (props?: ({
orientation?: "vertical" | "horizontal" | null | undefined;
intensity?: "strong" | "subtle" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface SeparatorProps extends Omit, 'role' | 'aria-orientation'>, VariantProps {
/**
* When `true` the separator is purely visual — rendered as
* `role='none'` + `aria-hidden='true'`, skipped in screen-reader rotor
* navigation. Default `false` (non-decorative, announces as a
* semantic separator per WAI-ARIA).
*/
decorative?: boolean;
}
export declare const Separator: import("react").ForwardRefExoticComponent>;
export {};
//# sourceMappingURL=separator.d.ts.map