import { ComponentInterface } from "../../stencil-public-runtime";
import { DuetDirection } from "../../common-types";
export type DuetSpacerBreakpoint = "" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
export type DuetSpacerSize = "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "xxxx-large";
export declare class DuetSpacer implements ComponentInterface {
    /**
     * Size variation of the spacer. Can be any of the spacing tokens.
     */
    size: DuetSpacerSize;
    /**
     * Direction of the space added.
     */
    direction: DuetDirection;
    /**
     * Adjusts the breakpoint where the spacer is shown in. The functionality
     * follows 1:1 the media queries defined in design tokens.
     */
    breakpoint: DuetSpacerBreakpoint;
    /**
     * render() function
     * Always the last one in the class.
     */
    render(): any;
}