import type { Color } from '../../types/shared';
/**
 * CTAs (Call To Actions) invite the user to take action.
 * They are used to highlight important content and interactions and are often used in conjunction with other components like cards, modals, and forms.
 *
 * @status new
 * @version 8.0.0
 * @type CSS Only
 */
export declare class NanoCta {
    host: HTMLNanoCtaElement;
    /** The semantic theme of the button. Defaults to primary / brand blue  */
    theme?: Color;
    /** Turn on the secondary style. Every theme also has a secondary style */
    secondary?: boolean;
    /** The size of the button. Defaults to large */
    size?: 'small' | 'medium' | 'large';
    /** Show a loading spinner */
    loading?: boolean;
    /**
     * A predefined icon to show. Defaults to no icon.
     * *note* Will be overruled if a `<nano-icon />` or `<svg />` is detected
     */
    icon?: 'false' | 'forward' | 'back' | 'up' | 'down' | 'download' | 'open';
    /** Predefined styles when displaying a number of CTAs together */
    group?: 'balanced' | 'stacked';
    componentWillLoad(): void;
}
