import { EventEmitter } from '../../stencil-public-runtime';
import { Image } from '../../global/shared-types/image.types';
import { Icon } from '../../global/shared-types/icon.types';
import { ListSeparator } from '../../global/shared-types/separator.types';
import { ActionBarItem } from '../action-bar/action-bar.types';
/**
 * Card is a component that displays content about a single topic,
 * in a structured way. It can contain a header, and some supporting media such
 * as an image or an icon, a body of text, or optional actions.
 *
 * @exampleComponent limel-example-card-basic
 * @exampleComponent limel-example-card-image
 * @exampleComponent limel-example-card-actions
 * @exampleComponent limel-example-card-clickable
 * @exampleComponent limel-example-card-3d-effect
 * @exampleComponent limel-example-card-selected
 * @exampleComponent limel-example-card-orientation
 * @exampleComponent limel-example-card-slot
 * @exampleComponent limel-example-card-styling
 * @exampleComponent limel-example-card-scrollable-shadow
 */
export declare class Card {
    /**
     * Heading of the card,
     * to provide a short title about the context.
     */
    heading?: string;
    /**
     * Subheading of the card
     * to provide a short description of the context.
     */
    subheading?: string;
    /**
     * A hero image to display in the card,
     * to enrich the content with visual information.
     */
    image?: Image;
    /**
     * An icon, to display along with the heading and subheading.
     */
    icon?: string | Icon;
    /**
     * The content of the card.
     * Supports markdown, to provide a rich text experience.
     */
    value?: string;
    /**
     * Actions to display in the card,
     * to provide the user with options to interact with the content.
     */
    actions?: Array<ActionBarItem | ListSeparator>;
    /**
     * When true, improve the accessibility of the component and hints the user
     * that the card can be interacted width.
     */
    clickable: boolean;
    /**
     * The orientation of the card,
     * specially useful when the card has an image.
     */
    orientation: 'landscape' | 'portrait';
    /**
     * When `true`, the card displays a visual selected state (highlighted border shadow).
     * Should be used together with `clickable` to let users toggle selection.
     */
    selected: boolean;
    /**
     * When `true`, the card displays a glow effect on hover,
     * following the 3D tilt hover effect.
     */
    show3dEffect: boolean;
    /**
     * Fired when a action bar item has been clicked.
     */
    actionSelected: EventEmitter<ActionBarItem>;
    private canScrollUp;
    private canScrollDown;
    private markdownElement?;
    private host;
    private handleMouseEnter;
    private handleMouseLeave;
    private markdownResizeObserver?;
    componentWillLoad(): void;
    disconnectedCallback(): void;
    componentDidLoad(): void;
    private setMarkdownElement;
    private checkIfScrollable;
    render(): any;
    private renderImage;
    private renderHeader;
    private renderIcon;
    private renderHeading;
    private renderSubheading;
    private renderSlot;
    private renderValue;
    private handleActionSelect;
    private handleKeyDown;
    private renderActionBar;
}
//# sourceMappingURL=card.d.ts.map