import React from 'react';
import { ThemeOverrideProps } from '@xsolla/xui-core';

/** @deprecated Use `QuestCardState` instead. */
type QuestCardStatus = "default" | "alert" | "warning" | "success";
type QuestCardState = "default" | "completed" | "expired" | "expiring";
interface QuestCardProps extends ThemeOverrideProps {
    /** Quest title text */
    title: string;
    /** Secondary description text displayed below the title */
    description?: string;
    /** Bottom caption text (e.g. "0/100", "Completed", "Expired") */
    caption?: string;
    /** Visual quest state controlling opacity, border, and badge */
    questState?: QuestCardState;
    /** Icon to display in the icon container */
    icon?: React.ReactNode;
    /** Reward tag or custom trailing content */
    trailing?: React.ReactNode;
    /** Card press handler */
    onPress?: () => void;
    /** Custom className for the container */
    className?: string;
    testID?: string;
    /**
     * @deprecated Use `description` instead. Maps directly to `description`.
     */
    subtitle?: string;
    /**
     * @deprecated Use `questState` instead.
     * "success" maps to "completed", "warning"/"alert" map to "expiring", "default" maps to "default".
     */
    status?: QuestCardStatus;
    /**
     * @deprecated No longer used in the redesigned component. Use `questState` to control visual state.
     */
    statusIcon?: React.ReactNode;
}

declare const QuestCard: React.FC<QuestCardProps>;

export { QuestCard, type QuestCardProps, type QuestCardState, type QuestCardStatus };