import type { Media, Theme } from '../../types/props.js';
export interface ProductItemData {
    /** 产品标签文本 */
    text?: string;
    /** 桌面端媒体（视频或图片） */
    media?: Media;
    /** 移动端媒体（视频或图片） */
    mobMedia?: Media;
    /** 桌面端封面图（仅用于视频） */
    poster?: Media;
    /** 移动端封面图（仅用于视频） */
    mobPoster?: Media;
}
/** 标题类型 */
export type TitleType = 'selling-point' | 'primary' | 'secondary';
/** 文本对齐方式 */
export type TextAlign = 'left' | 'center';
/** 图片宽度比例（2张图片时） */
export type TwoImageRatio = '2:3' | '1:1';
/** 图片宽度比例（3张图片时） */
export type ThreeImageRatio = '1:1:1';
export interface ProductCompareProps extends React.HTMLAttributes<HTMLElement> {
    /** 组件数据 */
    data: {
        /** 主标题 */
        title?: string;
        /** 标题类型：selling-point（卖点）、primary（一级标题）、secondary（二级标题） */
        titleType?: TitleType;
        /** 标题图标（仅当 titleType 为 selling-point 时有效） */
        titleIcon?: Media;
        /** 副标题 */
        subtitle?: string;
        /** 副标题下方的图片 */
        subtitleImage?: Media;
        /** 文本对齐方式：left（左对齐）、center（居中） */
        textAlign?: TextAlign;
        /** 产品列表（支持2-3个产品） */
        products?: ProductItemData[];
        /** 2张图片时的宽度比例 */
        twoImageRatio?: TwoImageRatio;
        /** 3张图片时的宽度比例 */
        threeImageRatio?: ThreeImageRatio;
        /** 主题：light 或 dark */
        theme?: Theme;
    };
}
declare const _default: any;
export default _default;