import type { TOC } from "@ember/component/template-only";
type Orientation = "horizontal" | "vertical";
export interface Signature {
Element: HTMLElement;
Args: {
/**
* The tag name to use for the separator element.
* Defaults to `
` for non-decorative separators.
* You can override this (e.g. `"li"` in menus, or `"span"` for inline separators).
*
* For example, in breadcrumbs where separators are siblings to `
` elements:
* ```gjs
* /
* ```
*/
as?: string;
/**
* When true, hides the separator from assistive technologies.
*
* Use this for purely decorative separators, such as breadcrumb slashes.
*/
decorative?: boolean;
/**
* Sets `aria-orientation`. `separator` has an implicit orientation of `horizontal`.
* Provide this when the separator is vertical.
*/
orientation?: Orientation;
};
Blocks: {
default: [];
};
}
/**
* A separator component that follows the ARIA `separator` role guidance.
*
* By default, this component renders a semantic separator (``). When using a
* non-`hr` tag via `@as`, it adds `role="separator"`.
*
* For purely decorative separators (e.g. breadcrumb slashes), set `@decorative={{true}}`
* to apply `aria-hidden="true"`.
*
* For example:
*
* ```gjs live preview
* import { Separator } from 'ember-primitives';
*
*
*
*
* ```
*/
export declare const Separator: TOC;
export default Separator;
//# sourceMappingURL=separator.d.ts.map