import AppLogoIcon from './app-logo-icon';

export default function AppLogo() {
    const appName = import.meta.env.VITE_APP_NAME ?? 'Application';

    return (
        <>
            <div>
                <AppLogoIcon className="size-7 group-has-data-[state=collapsed]/sidebar-wrapper:size-8 fill-current dark:text-white text-black block mx-auto" />
            </div>
            <div className="ml-1 grid flex-1 text-left text-sm group-has-data-[state=collapsed]/sidebar-wrapper:hidden">
                <span className="mb-0.5 truncate leading-none font-semibold">
                    {appName}
                </span>
            </div>
        </>
    );
}
