import { ImgHTMLAttributes } from 'react';
import { usePage } from '@inertiajs/react';
import { PageProps } from '@/types/global';

export default function ApplicationLogo(props: ImgHTMLAttributes<HTMLImageElement>) {
    const { branding } = usePage<PageProps>().props;

    // 如果有自訂 Logo，優先使用
    if (branding?.logo_url) {
        return (
            <img
                {...props}
                src={branding.logo_url}
                alt="Logo"
            />
        );
    }

    // 預設 Logo
    return (
        <img
            {...props}
            src="/logo.png"
            alt={`${branding?.short_name || 'Star'} Logo`}
        />
    );
}
