import logo from '@/assets/logo.png';
const appName = import.meta.env.VITE_APP_NAME || 'COL Thinkspace';

export default function AppLogo() {
    return (
        <>
            <div className="flex aspect-square size-8 items-center justify-center rounded-md border border-neutral-300">
                <img src={logo} alt="logo" />
            </div>
            <div className="ml-1 grid flex-1 text-left text-sm">
                <span className="mb-0.5 truncate leading-tight font-semibold">
                    {appName}
                </span>
            </div>
        </>
    );
}
