import { default as React } from 'react';

/**
 * BankLogo component to display bank logos.
 * It supports various bank names, sizes, and optional class names and IDs.
 * @component
 * @param {Object} props - Component properties.
 * @param {("mandiri" | "bca" | "bsi" | "cimb" | "danamon" | "maybank" | "uob" | "btn" | "btpn" | "muamalat" | "affin" | "alliance" | "am" | "bsn" | "cimbNiaga" | "hongleong" | "hsbc" | "islam" | "kuwaitFinanceHouse" | "maybank2e" | "ocbc" | "praisindo" | "publicBank" | "rakyat" | "rhb" | "standardChartered")} props.name - Name of the bank logo to display.
 * @param {number} [props.size=50] - Size of the logo in pixels (default is 50).
 * @param {string} [props.className=""] - Additional CSS classes for customization.
 * @param {string} [props.id] - Optional ID for testing purposes.
 * @return {JSX.Element} The BankLogo component.
 * * @example
 * * <BankLogo name="mandiri" size={40} className="custom-class" id="bank-logo" />
 * * This component renders an image of the specified bank logo with the given size and optional class name and ID.
 * * @example
 * * <BankLogo name="bca" />
 * * This component renders the BCA bank logo with the default size of 50 pixels.
 * * @example
 * * <BankLogo name="hsbc" size={60} className="hsbc-logo" />
 * * This component renders the HSBC bank logo with a size of 60 pixels and a custom class name.
 * * @example
 * * <BankLogo name="uob" id="uob-logo" />
 */
interface BankLogoProps {
    name: "mandiri" | "bca" | "bsi" | "cimb" | "danamon" | "maybank" | "uob" | "btn" | "btpn" | "muamalat" | "affin" | "alliance" | "am" | "bsn" | "cimbNiaga" | "hongleong" | "hsbc" | "islam" | "kuwaitFinanceHouse" | "maybank2e" | "ocbc" | "praisindo" | "publicBank" | "rakyat" | "rhb" | "standardChartered";
    size?: number;
    className?: string;
    id?: string;
}
declare const BankLogo: React.FC<BankLogoProps>;
export default BankLogo;