import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * @name Card
 * @category Display
 * @summary Use for grouping related content in a contained, elevated surface.
 */
export declare class Q2Card implements ComponentInterface {
    avatarElement: HTMLElement;
    clickableElement: HTMLElement;
    containerElement: HTMLElement;
    hostElement: HTMLElement;
    /**
     * The [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) to be displayed in the avatar location.
     *
     * Please use q2-item instead.
     *
     * @deprecated
     */
    avatarIcon: string;
    /**
     * The initials to be placed in the avatar of the card.
     *
     * Please use q2-item instead.
     *
     * @deprecated
     */
    avatarInitials: string;
    /**
     * The name to be used for the avatar of the card which will be converted to initials.
     *
     * Please use q2-item instead.
     *
     * @deprecated
     */
    avatarName: string;
    /**
     * The source of the image to be displayed in the avatar location.
     *
     * Please use q2-item instead.
     *
     * @deprecated
     */
    avatarSrc: string;
    /**
     * Indicates that a bar should be displayed and which color to use. Predefined colors that may be used as values are:
     *
     * - primary
     * - secondary
     * - tertiary
     * - info
     * - success
     * - warning
     * - alert
     * - accent-1
     * - accent-2
     * - accent-3
     * - accent-4
     * - accent-5
     * - accent-6
     * - accent-7
     * - accent-8
     * - accent-9
     * - accent-10
     * - accent-11
     * - accent-12
     *
     * Any other value (e.g. `"#990000"`, `"purple"`) will be treated as a custom color.
     */
    bar: string;
    /**
     * The description of the card (truncated after two lines).
     *
     * Please use q2-item instead.
     *
     * @deprecated
     */
    description: string;
    /**
     * The size of the box-shadow applied to the component, giving it a sense of depth.
     *
     * @info
     * Set to `0` to disable.
     */
    elevation: 0 | 1 | 2 | 3 | 4 | 5;
    /**
     * Display the card with a view optimized for smaller displays.
     *
     * Please use q2-item instead.
     *
     * @deprecated
     */
    isSmall: boolean;
    /**
     * Display the card with no borders, padding, drop-shadows, or clickable behavior.
     *
     * Please use q2-item instead.
     *
     * @deprecated
     */
    isStatic: boolean;
    /**
     * Target to be applied to the link when a URL is provided.
     *
     * @warning
     * Do not use in Online Banking. Use the `openURL` capability on the click event instead.
     */
    target: '_self' | '_blank' | '_parent' | '_top';
    /**
     * The title of the card.
     *
     * Please use q2-item instead.
     *
     * @deprecated
     */
    title: string;
    /** Alters the interactive behavior of the card while maintaining visual appearance. */
    type: 'clickable' | 'non-clickable';
    /**
     * URL to navigate the user to when the card is clicked.
     *
     * @warning
     * Do not use in Online Banking. Use the `openURL` capability on the click event instead.
     */
    url: string;
    /**
     * Emitted when the card is clicked and the `url` property is not provided.
     * @deprecated Use 'tctClick' instead
     */
    click: EventEmitter<undefined>;
    /**
     * Emitted when the card is clicked and the `url` property is not provided.
     */
    tctClick: EventEmitter<undefined>;
    disconnectedCallback(): void;
    componentDidLoad(): void;
    onHostElementFocus(event: any): void;
    generateAvatar(): any;
    generateContainerClasses(): string;
    generateContent(): any;
    getBarClasses(): {
        [x: string]: boolean;
        bar: boolean;
    };
    getBarStyles(): {
        '--comp-bar-color'?: undefined;
    } | {
        '--comp-bar-color': string;
    };
    handleClick: (event: MouseEvent) => boolean;
    isBarColorPredefined(): boolean;
    render(): any;
}