import type { CSSProperties, PropType, SlotsType, VNode } from 'vue'; import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'; import type { CardSize } from './public-types'; export interface CardSegmented { content?: boolean | 'soft'; footer?: boolean | 'soft'; action?: boolean | 'soft'; } export declare const cardBaseProps: { readonly title: StringConstructor; readonly contentClass: StringConstructor; readonly contentScrollable: BooleanConstructor; readonly contentStyle: PropType; readonly headerStyle: PropType; readonly headerExtraStyle: PropType; readonly footerStyle: PropType; readonly embedded: BooleanConstructor; readonly segmented: { readonly type: PropType; readonly default: false; }; readonly bordered: { readonly type: BooleanConstructor; readonly default: true; }; readonly closable: BooleanConstructor; readonly hoverable: BooleanConstructor; readonly role: StringConstructor; readonly onClose: PropType void>>; readonly tag: { readonly type: PropType; readonly default: "div"; }; }; export declare const cardBasePropKeys: ("bordered" | "title" | "tag" | "closable" | "onClose" | "contentClass" | "contentStyle" | "contentScrollable" | "headerStyle" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role")[]; export declare const cardProps: { size: { type: PropType; default: string; }; title: StringConstructor; contentClass: StringConstructor; contentScrollable: BooleanConstructor; contentStyle: PropType; headerStyle: PropType; headerExtraStyle: PropType; footerStyle: PropType; embedded: BooleanConstructor; segmented: { readonly type: PropType; readonly default: false; }; bordered: { readonly type: BooleanConstructor; readonly default: true; }; closable: BooleanConstructor; hoverable: BooleanConstructor; role: StringConstructor; onClose: PropType void>>; tag: { readonly type: PropType; readonly default: "div"; }; theme: PropType>; themeOverrides: PropType>>; builtinThemeOverrides: PropType>>; }; export type CardProps = ExtractPublicPropTypes; export interface CardSlots { default?: () => VNode[]; cover?: () => VNode[]; header?: () => VNode[]; 'header-extra'?: () => VNode[]; footer?: () => VNode[]; action?: () => VNode[]; } declare const _default: import("vue").DefineComponent; default: string; }; title: StringConstructor; contentClass: StringConstructor; contentScrollable: BooleanConstructor; contentStyle: PropType; headerStyle: PropType; headerExtraStyle: PropType; footerStyle: PropType; embedded: BooleanConstructor; segmented: { readonly type: PropType; readonly default: false; }; bordered: { readonly type: BooleanConstructor; readonly default: true; }; closable: BooleanConstructor; hoverable: BooleanConstructor; role: StringConstructor; onClose: PropType void>>; tag: { readonly type: PropType; readonly default: "div"; }; theme: PropType>; themeOverrides: PropType>>; builtinThemeOverrides: PropType>>; }>, { rtlEnabled: import("vue").Ref | undefined; mergedClsPrefix: import("vue").Ref; mergedTheme: import("vue").ComputedRef<{ common: import("../..").ThemeCommonVars; self: { titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; titleLineHeightSmall: string; titleLineHeightMedium: string; titleLineHeightLarge: string; titleLineHeightHuge: string; titleFontWeight: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; lineHeightSmall: string; lineHeightMedium: string; lineHeightLarge: string; lineHeightHuge: string; fontWeight: string; closeIconSize: string; closeSize: string; color: string; colorTarget: string; colorEmbedded: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; closeColorHover: string; closeColorPressed: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; closeBorderRadius: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; }; peers: any; peerOverrides: { [x: string]: any; }; }>; handleCloseClick: () => void; cssVars: import("vue").ComputedRef<{ '--u-bezier': string; '--u-border-radius': string; '--u-color': string; '--u-color-embedded': string; '--u-color-target': string; '--u-action-color': string; '--u-title-text-color': string; '--u-title-font-weight': string; '--u-title-line-height': string; '--u-title-font-size': string; '--u-close-icon-color': string; '--u-close-icon-color-hover': string; '--u-close-icon-color-pressed': string; '--u-close-color-hover': string; '--u-close-color-pressed': string; '--u-close-size': string; '--u-close-icon-size': string; '--u-close-border-radius': string; '--u-border-color': string; '--u-box-shadow': string; '--u-padding-top': string; '--u-padding-bottom': string; '--u-padding-left': string; '--u-text-color': string; '--u-font-size': string; '--u-line-height': string; '--u-font-weight': string; }> | undefined; themeClass: import("vue").Ref | undefined; onRender: (() => void) | undefined; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; default: string; }; title: StringConstructor; contentClass: StringConstructor; contentScrollable: BooleanConstructor; contentStyle: PropType; headerStyle: PropType; headerExtraStyle: PropType; footerStyle: PropType; embedded: BooleanConstructor; segmented: { readonly type: PropType; readonly default: false; }; bordered: { readonly type: BooleanConstructor; readonly default: true; }; closable: BooleanConstructor; hoverable: BooleanConstructor; role: StringConstructor; onClose: PropType void>>; tag: { readonly type: PropType; readonly default: "div"; }; theme: PropType>; themeOverrides: PropType>>; builtinThemeOverrides: PropType>>; }>> & Readonly<{}>, { bordered: boolean; size: CardSize; tag: keyof HTMLElementTagNameMap; closable: boolean; contentScrollable: boolean; embedded: boolean; segmented: boolean | CardSegmented; hoverable: boolean; }, SlotsType, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export default _default;