import type { Wallet } from '@solana/wallet-adapter-react';
import type { DetailedHTMLProps, FC, ImgHTMLAttributes } from 'react';
import React from 'react';

export interface WalletIconProps extends DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
    wallet: Wallet | null;
}

export const WalletIcon: FC<WalletIconProps> = ({ wallet, ...props }) => {
    return (
        wallet && (
            <img
                src={wallet.adapter.icon}
                alt={`${wallet.adapter.name} icon`}
                className="wallet-adapter-icon"
                {...props}
            />
        )
    );
};
