A React component that renders an SVG icon representing an empty or placeholder vendor logo with a subtle checkerboard pattern background. ## Key Components - **EmptyVendorIcon**: Main functional component that renders a 24x24 SVG icon - **EmptyVendorIconProps**: TypeScript interface defining optional `className` prop - **SVG Pattern**: Uses a base64-encoded PNG image with checkerboard pattern as fill - **Responsive Design**: Scalable vector graphic with proper aspect ratio ## Usage Example ```typescript import { EmptyVendorIcon } from './empty-vendor-icon'; // Basic usage function VendorCard() { return (
No vendor logo
); } // With custom styling function StyledVendorIcon() { return ( ); } // In a list of vendors function VendorList({ vendors }) { return (
{vendors.map(vendor => (
{vendor.logo ? ( {vendor.name} ) : ( )}
))}
); } ``` The component is perfect for displaying placeholder graphics in vendor lists, partner grids, or anywhere a default logo state is needed.