/** Link */
export declare type LinkType = {
    linkText: string;
    url: string;
    external?: boolean;
    isActive?: boolean;
};
/** Background Image item */
export declare type ImageAttr = {
    src: string;
    alt?: string;
    ratio?: string;
    type?: "image" | "video";
};
/** Collection of links */
export declare type Links = Array<LinkType>;
/** A single promo item */
export declare type Item = {
    title: string;
    subTitle?: string;
    summary?: string;
    imageSrc?: string;
    imageAlt?: string;
    url: string;
    ctaLabel?: string;
    backgroundStyle?: "dark" | "green" | "light";
};
/**  Different text sizes, see text component.*/
export declare type TextVariants = "title1" | "title2" | "title3" | "title4" | "title5" | "title6" | "body" | "input" | "caption" | "small";
export declare type ButtonVariants = "primary" | "secondary" | "link" | false;
export declare type Tones = "accent1" | "accent2" | "accent3" | "valid" | "warn" | "error" | false;
/**  Generic size variants can be for buttons, dividers etc */
export declare type Sizes = "xs" | "sm" | "md" | "lg" | "xl";
/**  Common widths. */
export declare type Widths = "tiny" | "short" | "half" | "big" | "full";
/**  Media display. */
export declare type display = "inset" | "outset" | "fullBleed";
/**  panel display. */
export declare type panelDisplay = "info" | "success" | "warning" | "error";
/** Form Select's Option item */
export declare type OptionItem = {
    text: string;
    value?: string;
};