import * as React from 'react'; import { type ImageStyle, type StyleProp } from 'react-native'; interface AccessoryCardProps { /** Accessory display name. */ name: string; /** Accessory icon. */ iconUrl?: string; /** Optional image style merged onto the accessory icon. */ iconStyle?: StyleProp; /** Tint the icon with the current `--color-foreground` token. Useful for title SVGs shipped as text masks. */ tinted?: boolean; /** Currency icon next to the price. */ currencyIconUrl?: string; /** Price in the accessory's currency. Omit to hide the price block. */ price?: number; /** Layout shape: `list` (wide 10:4) vs `grid` (16:9). */ variant?: 'list' | 'grid'; /** Visual density. Defaults to `compact` for grid and `regular` for list. */ size?: 'compact' | 'regular'; /** Tap handler. When omitted the card renders without `Pressable`. */ onPress?: () => void; /** Absolutely-positioned node rendered over the image (e.g. an "owned" overlay). */ imageOverlay?: React.ReactNode; /** Show the skeleton placeholder instead of the real card. */ isLoading?: boolean; /** Extra classes merged onto the outer card wrapper. */ className?: string; } /** * Store accessory tile (gun buddy, spray, player card, title …) — image * on top, info bar with name + price on the bottom. Shares the 10:4 * list / 16:9 grid footprint with `OfferCard`, minus tier color and * discount chrome which don't apply to accessories. * * Data-free: the consumer resolves the asset URL + price + currency * and hands them in. Pair with an `imageOverlay` slot to layer owned / * sold-out states without forking the card. */ declare function AccessoryCard({ name, iconUrl, iconStyle, tinted, currencyIconUrl, price, variant, size, onPress, imageOverlay, isLoading, className, }: AccessoryCardProps): import("react/jsx-runtime").JSX.Element; export { AccessoryCard }; export type { AccessoryCardProps }; //# sourceMappingURL=accessory-card.d.ts.map