import { PropType } from "vue";
import { IconSize, IconState, IconType } from "./../Icon/Icon.vue";
declare const TYPE: readonly ["default", "placeholder", "outlined"];
declare const BACKGROUND: readonly ["element", "default", "element-light", "element-dark", "font-dark", "font", "font-light", "icon-dark", "icon", "icon-light", "border-dark", "border", "border-light", "primary-dark", "primary", "primary-light", "secondary-dark", "secondary", "secondary-light", "error-dark", "error", "error-light", "warning-dark", "warning", "warning-light", "success-dark", "success", "success-light", "dashboard-background"];
export type CardBackground = typeof BACKGROUND[number];
export type CardType = typeof TYPE[number];
declare const _default: import("vue/types/v3-define-component").DefineComponent<{
    /**
     * 'default' | 'placeholder'
     */
    type: {
        type: PropType<"default" | "outlined" | "placeholder">;
        default: string;
        validator(value: CardType): boolean;
    };
    /**
     * | 'default' | 'element-light' | 'element' | 'element-dark' | 'font-dark' | 'font' | 'font-light' | 'icon-dark' | 'icon' | 'icon-light' | 'border-dark' | 'border' | 'border-light' | 'primary-dark' | 'primary' | 'primary-light' | 'secondary-dark' | 'secondary' | 'secondary-light' | 'error-dark' | 'error' | 'error-light' | 'warning-dark' | 'warning' | 'warning-light' | 'success-dark' | 'success' | 'success-light' | 'dashboard-background'
     */
    background: {
        type: PropType<"default" | "success" | "error" | "warning" | "primary" | "element-light" | "element" | "element-dark" | "font-dark" | "font" | "font-light" | "icon-dark" | "icon" | "icon-light" | "border-dark" | "border" | "border-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary" | "secondary-light" | "error-dark" | "error-light" | "warning-dark" | "warning-light" | "success-dark" | "success-light" | "dashboard-background">;
        default: string;
        validator(value: CardBackground): boolean;
    };
    /**
     * Display separator between header, content, footer <br/>
     * true | false
     */
    separator: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * This will add hover effect and cursor-pointer
     */
    clickable: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * true | false
     */
    selected: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * true | false
     */
    loading: {
        type: (BooleanConstructor | ObjectConstructor)[];
        default: boolean;
    };
    /**
     * Loading text to display below loader
     */
    loadingText: {
        type: StringConstructor;
        default: null;
    };
    /**
     * disable card
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}, import("vue").Data, import("vue").Data, {
    loadingIcon(): {
        name: string;
        state: IconState;
        type: IconType;
        size: IconSize;
    } | null;
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
    /**
     * 'default' | 'placeholder'
     */
    type: {
        type: PropType<"default" | "outlined" | "placeholder">;
        default: string;
        validator(value: CardType): boolean;
    };
    /**
     * | 'default' | 'element-light' | 'element' | 'element-dark' | 'font-dark' | 'font' | 'font-light' | 'icon-dark' | 'icon' | 'icon-light' | 'border-dark' | 'border' | 'border-light' | 'primary-dark' | 'primary' | 'primary-light' | 'secondary-dark' | 'secondary' | 'secondary-light' | 'error-dark' | 'error' | 'error-light' | 'warning-dark' | 'warning' | 'warning-light' | 'success-dark' | 'success' | 'success-light' | 'dashboard-background'
     */
    background: {
        type: PropType<"default" | "success" | "error" | "warning" | "primary" | "element-light" | "element" | "element-dark" | "font-dark" | "font" | "font-light" | "icon-dark" | "icon" | "icon-light" | "border-dark" | "border" | "border-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary" | "secondary-light" | "error-dark" | "error-light" | "warning-dark" | "warning-light" | "success-dark" | "success-light" | "dashboard-background">;
        default: string;
        validator(value: CardBackground): boolean;
    };
    /**
     * Display separator between header, content, footer <br/>
     * true | false
     */
    separator: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * This will add hover effect and cursor-pointer
     */
    clickable: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * true | false
     */
    selected: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * true | false
     */
    loading: {
        type: (BooleanConstructor | ObjectConstructor)[];
        default: boolean;
    };
    /**
     * Loading text to display below loader
     */
    loadingText: {
        type: StringConstructor;
        default: null;
    };
    /**
     * disable card
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>>, {
    type: "default" | "outlined" | "placeholder";
    background: "default" | "success" | "error" | "warning" | "primary" | "element-light" | "element" | "element-dark" | "font-dark" | "font" | "font-light" | "icon-dark" | "icon" | "icon-light" | "border-dark" | "border" | "border-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary" | "secondary-light" | "error-dark" | "error-light" | "warning-dark" | "warning-light" | "success-dark" | "success-light" | "dashboard-background";
    clickable: boolean;
    separator: boolean;
    loading: boolean | Record<string, any>;
    disabled: boolean;
    selected: boolean;
    loadingText: string;
}>;
export default _default;