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

type ShopCardPlatform = "mobile" | "desktop";
type ShopCardType = "item" | "giftCard";
type ShopCardStatus = "default" | "free" | "redeem" | "owned";
type ShopCardState = "default" | "hover" | "press" | "disabled";
type ShopCardTagTone = "primary" | "success";
interface ShopCardTagData {
    label: ReactNode;
    tone?: ShopCardTagTone;
}
interface ShopCardProps extends ThemeOverrideProps {
    title: ReactNode;
    imageSrc?: string;
    imageAlt?: string;
    imageFit?: "contain" | "cover";
    imageVisible?: boolean;
    imageFallback?: ReactNode;
    glowSrc?: string;
    glowVisible?: boolean;
    leftTags?: ShopCardTagData[];
    rightTags?: ShopCardTagData[];
    status?: ShopCardStatus;
    state?: ShopCardState;
    platform?: ShopCardPlatform;
    type?: ShopCardType;
    actionLabel?: ReactNode;
    actionSubLabel?: ReactNode;
    onActionPress?: () => void;
    onPress?: () => void;
    disabled?: boolean;
    "aria-label"?: string;
    testID?: string;
}

declare const ShopCard: React.FC<ShopCardProps>;

export { ShopCard, type ShopCardPlatform, type ShopCardProps, type ShopCardState, type ShopCardStatus, type ShopCardTagData, type ShopCardTagTone, type ShopCardType };