ds-smart-ui
Version:
Smart UI is a React component library that helps you build accessible and responsive web applications.
33 lines (31 loc) • 1.91 kB
TypeScript
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;