import { SkfElement } from '@internal/components/skf-element.js';
import type { BorderColor } from '@skf-design-system/ui-assets';
import { type CSSResultGroup } from 'lit';
/**
 * The `<Divider>` component can separate items from each other, to visually emphasize their lack of a relationship between groups of information.
 *
 * @cssproperty --skf-divider-spacing - The amount of space the divider occupies. Pass valid CSS **margin-block** values when horizontal and **margin-inline** when vertical
 * @cssproperty --skf-divider-inset - The amount of space the divider should be indented. Pass valid CSS **margin-inline** values when horizontal and **margin-block** when vertical
 *
 * @tagname skf-divider
 */
export declare class SkfDivider extends SkfElement {
    static styles: CSSResultGroup;
    /** If provided, alters the Divider color */
    /** @type { "emphasised" | "primary" | "secondary" | "tertiary" | "inverse" } */
    color?: BorderColor;
    /** If true, renders a div for presentational purpose instead of the semantic hr-element */
    decorative?: boolean | undefined;
    /** If true, renders the divider vertically */
    vertical?: boolean | undefined;
    /** @internal */
    private renderDecorative;
    /** @internal */
    private renderDefault;
    render(): import("lit").TemplateResult<1>;
}