import type React from 'react';
/**
 * Figma 14256:5103 Collapse 单条可折叠项
 * 设计稿：Collapse Item = Collapse Head + Collapse Body
 */
/** 头部左侧信息：时间、日期、客户、渠道等 */
export interface CollapseHeadMeta {
    /** 如 "20:00" */
    time?: React.ReactNode;
    /** 如 "30/08/2025" */
    date?: React.ReactNode;
    /** 如 "Customer" */
    customer?: React.ReactNode;
    /** 如 "Online Store" */
    channel?: React.ReactNode;
    /** 或直接传多段文案（按 gap 8px 排列） */
    segments?: React.ReactNode[];
}
/** Body 内一行：支付方式/描述 + 金额 + 操作按钮 */
export interface CollapseBodyRow {
    /** 左侧描述，如 "Visa (12****1234)"，支持 bullet 列表样式 */
    label: React.ReactNode;
    /** 右侧金额，如 "-$30" */
    amount?: React.ReactNode;
    /** 操作按钮，如 { label: 'Void', onClick } */
    action?: {
        label: React.ReactNode;
        onClick?: () => void;
    };
}
export interface CollapseProps {
    /** 头部左侧：时间/日期/客户/渠道等 */
    headMeta: CollapseHeadMeta;
    /** 头部右侧金额，如 "-$30" */
    headAmount: React.ReactNode;
    /** 是否展开 */
    expanded?: boolean;
    /** 默认是否展开 */
    defaultExpanded?: boolean;
    /** 展开变化回调 */
    onExpandChange?: (expanded: boolean) => void;
    /** Body 内容行（可多条） */
    children?: React.ReactNode;
    /** 或通过 bodyRows 传入结构化行（与 children 二选一） */
    bodyRows?: CollapseBodyRow[];
    className?: string;
    style?: React.CSSProperties;
}
