import React from 'react';
import './index.less';
export declare type CardVariant = 'outlined' | 'borderless';
export declare type CardLayout = 'vertical' | 'horizontal';
export declare type SelectedType = 'none' | 'outlined' | 'outlined-bold' | 'filled';
export declare type ActionsPosition = 'left' | 'right';
export interface CardStyles {
    container?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
    content?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
    actions?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
    corner?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
}
export interface CardStyleProps {
    selected?: boolean;
    disabled?: boolean;
    hoverable?: boolean;
    variant?: CardVariant;
    layout?: CardLayout;
}
export interface CardProps {
    /** 卡片变体样式 */
    variant?: CardVariant;
    /** 布局方向 */
    layout?: CardLayout;
    /** 操作按钮区域，水平模式在右侧，垂直模式在底部 */
    actions?: React.ReactNode[];
    /** 水平模式下，操作按钮的位置 */
    actionsPosition?: ActionsPosition;
    /** 垂直模式下，右上角绝对定位展示的组件 */
    corner?: React.ReactNode;
    /** 子内容 */
    children?: React.ReactNode;
    /** 选中状态 */
    selected?: boolean;
    /** 禁用状态 */
    disabled?: boolean;
    /** 是否可悬停 */
    hoverable?: boolean;
    /** 点击事件 */
    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
    /** 自定义样式 */
    styles?: CardStyles;
    /**
     * 选中时的样式类型
     * - none: 无样式
     * - outlined: 边框高亮
     * - outlined-bold: 边框高亮 + 加粗（使用 outline 实现，不影响布局）
     * - filled: 填充背景色
     */
    selectedType?: SelectedType;
    /** 自定义类名 */
    className?: string;
    /** 自定义样式 */
    style?: React.CSSProperties;
}
declare const Card: React.FC<CardProps>;
export default Card;
