import React from 'react'; import { type VariantProps } from 'class-variance-authority'; declare const countdownVariants: (props?: ({ variant?: "outline" | "spacious" | null | undefined; align?: "left" | "center" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; /** * 时间标签配置接口 (singular keys) */ export interface TimeLabels { /** 天的标签 */ day: string; /** 小时的标签 */ hour: string; /** 分钟的标签 */ minute: string; /** 秒的标签 */ second: string; } /** * 时间标签配置接口 (plural keys, e.g. from Title component) */ export interface PluralTimeLabels { days: string; hours: string; minutes: string; seconds: string; } /** * 时间标签输入类型 - 支持 singular 和 plural 键名,所有字段可选 */ export type TimeLabelsInput = Partial; /** * 倒计时组件Props接口 */ export interface CountdownProps extends Omit, 'onExpire'>, VariantProps { /** 结束时间 - ISO格式字符串 */ endDate: string; /** 结束时间时区,如: America/Los_Angeles */ endDate_tz?: string; /** 格式化用的locale,默认使用navigator.language */ locale?: string; /** 时间标签配置,支持 singular (day/hour/minute/second) 和 plural (days/hours/minutes/seconds) 键名 */ timeLabels?: TimeLabelsInput; /** JSON字符串格式的时间标签(向后兼容) */ dateFormat?: string; /** 倒计时结束回调 */ onExpire?: () => void; /** 分隔符字符,默认为 ':' */ separator?: string; /** 隐藏已过期的倒计时,默认为 true */ hideWhenExpired?: boolean; /** 是否显示天数,默认为 true */ showDays?: boolean; /** 是否显示小时,默认为 true */ showHours?: boolean; /** 是否显示分钟,默认为 true */ showMinutes?: boolean; /** 是否显示秒数,默认为 true */ showSeconds?: boolean; /** 颜色主题 - 覆盖 variant 的颜色部分,保留布局/尺寸。不传则保持 variant 原有颜色 */ theme?: 'light' | 'dark'; } /** * Countdown - 倒计时原子组件 * * @description 用于显示倒计时的组件,支持天、时、分、秒显示,支持多种样式变体、主题和单位可见性控制 */ declare const Countdown: React.ForwardRefExoticComponent>; export default Countdown;