import * as React from 'react';
interface SkinTileProps {
    /**
     * Optional swatch / preview image used as the tile background. Chroma
     * tiles pass the chroma swatch; level tiles omit this and render on
     * the plain card background.
     */
    swatchUrl?: string;
    /** Render the selection ring + tinted wash. */
    isSelected?: boolean;
    /**
     * Content rendered inside the 45° rotated diamond overlay in the
     * tile's center. Consumer supplies a lock icon (not owned) or a
     * checkmark (equipped), already counter-rotated. Pass `null` for
     * owned-but-not-equipped tiles.
     */
    stateIcon?: React.ReactNode;
    /**
     * Badge pinned to the bottom-right — typically a favorite star.
     * Only used by chroma tiles in the source.
     */
    favoriteBadge?: React.ReactNode;
    /** Extra classes merged onto the outer tile wrapper. */
    className?: string;
}
/**
 * 48-square tile used for both skin levels and chromas in the weapon
 * detail view. Always renders a centered diamond overlay that hosts
 * lock / equipped state; chromas additionally fill the tile with a
 * swatch image and may pin a favorite badge.
 *
 * Data-free: consumer resolves ownership / equipped / favorite state
 * upstream and supplies the icons as `ReactNode`. Pair with a
 * `<Pressable>` wrapper for tap handling.
 */
declare function SkinTile({ swatchUrl, isSelected, stateIcon, favoriteBadge, className, }: SkinTileProps): import("react/jsx-runtime").JSX.Element;
export { SkinTile };
export type { SkinTileProps };
//# sourceMappingURL=skin-tile.d.ts.map