import { usePage } from '@inertiajs/react';

export default function AppLogo({ className }: any) {
    const { settings } = usePage().props as any;
    const { app } = usePage().props as any;

    const baseUrl = app?.url;

    return (
        <>
            {settings?.logo ? (
                <img src={`${baseUrl}/${settings.logo}`} alt="Logo" className="h-6 w-auto bg-none" />
            ) : (
                <span className={`mb-0.5 truncate leading-tight font-semibold ${className}`}>{settings.system_name ?? 'System'}</span>
            )}
        </>
    );
}