/**
* @license
* SPDX-License-Identifier: Apache-2.0
*/
import React, { useState } from "react";
interface HonoratoLogoProps {
className?: string;
}
export default function HonoratoLogo({ className = "h-12 w-12" }: HonoratoLogoProps) {
const logoSources = [
"/logo.png",
"/logo.png (1).png",
"/logo.jpg",
"/logo.jpeg",
"/logo.webp"
];
const [sourceIndex, setSourceIndex] = useState(0);
const [useFallback, setUseFallback] = useState(false);
const handleImageError = () => {
if (sourceIndex < logoSources.length - 1) {
setSourceIndex(prev => prev + 1);
} else {
setUseFallback(true);
}
};
if (!useFallback) {
return (
);
}
return (
);
}