import { Options, Props } from "@ariakit/react-utils";
import { ElementType } from "react";
//#region src/separator/separator.d.ts
declare const TagName = "hr";
type TagName = typeof TagName;
/**
 * Returns props to create a `Separator` component.
 * @see https://ariakit.com/components/separator
 * @example
 * ```jsx
 * const props = useSeparator({ orientation: "horizontal" });
 * <Role {...props} />
 * ```
 */
declare const useSeparator: import("@ariakit/react-utils").Hook<"hr", SeparatorOptions<"hr">>;
/**
 * Renders a separator element.
 * @see https://ariakit.com/components/separator
 * @example
 * ```jsx
 * <Separator orientation="horizontal" />
 * ```
 */
declare const Separator: (props: SeparatorProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
interface SeparatorOptions<_T extends ElementType = TagName> extends Options {
  /**
   * The orientation of the separator.
   * @default "horizontal"
   */
  orientation?: "horizontal" | "vertical";
}
type SeparatorProps<T extends ElementType = TagName> = Props<T, SeparatorOptions<T>>;
//#endregion
export { useSeparator as i, SeparatorOptions as n, SeparatorProps as r, Separator as t };
//# sourceMappingURL=separator-D1HCLpfo.d.ts.map