'use client';
import {useState} from 'react';
import {Landmark} from 'lucide-react';
import {bankFromIban,bankFromCard} from '@/lib/iranian-banks';

export function BankLogo({iban='',card='',name='بانک'}:{iban?:string;card?:string;name?:string}){
 const bank=bankFromIban(iban)||bankFromCard(card);
 const [failed,setFailed]=useState<string|null>(null);
 return <span className="dash-bank-logo">{bank?.logo&&failed!==bank.logo?
  <img src={bank.logo} alt={`لوگوی ${bank.name}`} width={32} height={32} onError={()=>setFailed(bank.logo)}/>:
  <Landmark size={26} role="img" aria-label={name}/>}</span>;
}