import { LitElement } from "lit"; import { DividerType, DividerOrientation, DividerVariant, DividerSize } from "./divider.types.js"; declare const NrDividerElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement; /** * @element nr-divider * * @summary A divider line separates different content. * * @description * The Divider component is used to divide sections of content or inline text. * Based on Ant Design Divider component. * * @prop {DividerType} type - The direction type of divider (horizontal or vertical) * @prop {boolean} dashed - Whether line is dashed (deprecated, use variant instead) * @prop {DividerVariant} variant - Line style variant (solid, dashed, dotted) * @prop {DividerOrientation} orientation - Position of title inside divider (start, center, end) * @prop {string | number} orientationMargin - Margin between title and closest border * @prop {boolean} plain - Divider text show as plain style * @prop {DividerSize} size - Size of divider (only for horizontal: small, middle, large) * * @slot - The title/text content to display in the divider * * @csspart divider - The root divider element * @csspart text - The span wrapping the slot text content (present only when text is provided) * * @example * ```html * * * * * Text * * * * * * Left Text * ``` */ export declare class NrDividerElement extends NrDividerElement_base { static styles: import("lit").CSSResult; static useShadowDom: boolean; /** * The direction type of divider * @type {DividerType} */ type: DividerType; /** * Whether line is dashed (deprecated, use variant instead) * @deprecated Use variant="dashed" instead * @type {boolean} */ dashed: boolean; /** * Line style variant * @type {DividerVariant} */ variant: DividerVariant; /** * Position of title inside divider * @type {DividerOrientation} */ orientation: DividerOrientation; /** * Margin between title and closest border * Accepts string with units or number (defaults to px) * @type {string | number} */ orientationMargin?: string | number; /** * Divider text show as plain style * @type {boolean} */ plain: boolean; /** * Size of divider (only for horizontal) * @type {DividerSize} */ size?: DividerSize; /** * Check if divider has text content */ private get hasText(); render(): import("lit-html").TemplateResult<1>; } export {}; //# sourceMappingURL=divider.component.d.ts.map