import { HTMLStencilElement } from '../../stencil-public-runtime';
import { IconType } from '../../constants/icons';
import { ColorType } from '../../constants/colors';
export type CardPositionType = 'top' | 'bottom' | 'overlay';
export type CardJustifyType = 'normal' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'left' | 'right' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
export declare class XCard {
    /**
     * Element has not empty header slot
     */
    private hasHeaderSlot;
    /**
     * Element has not empty footer slot
     */
    private hasFooterSlot;
    /**
     * Element fluid style
     */
    fluid?: boolean;
    /**
     * Element image path
     */
    image?: string;
    /**
     * Element image description
     */
    imageDescription?: string;
    /**
     * Element image position
     */
    imagePosition?: CardPositionType;
    /**
     * Element image height
     */
    imageHeight: string;
    /**
     * Element icon name
     */
    icon?: IconType;
    /**
     * Element icon color
     */
    iconColor?: ColorType;
    /**
     * Element footer justify content
     */
    footerJustify?: CardJustifyType;
    /**
     * Element reference
     */
    el: HTMLStencilElement;
    /**
     * Button margin when image is overlayed
     */
    overlayBottomMargin: string;
    /**
     * On component will be loaded hook
     */
    componentWillLoad(): void;
    /**
     * On component did loaded hook
     *
     * @returns
     */
    componentDidLoad(): any;
    /**
     * Render component
     */
    render(): any;
}
