25 lines
976 B
TypeScript
25 lines
976 B
TypeScript
import { cn } from '@/lib/utils';
|
|
import { SharedData } from '@/types/global';
|
|
import { usePage } from '@inertiajs/react';
|
|
|
|
const AppLogo = ({ className, theme }: { theme?: 'light' | 'dark'; className?: string }) => {
|
|
const { system } = usePage<SharedData>().props;
|
|
|
|
if (theme && theme === 'dark') {
|
|
return <img src={system.fields.logo_dark || ''} alt={system.fields.name || ''} className={cn('block h-6 w-auto', className)} />;
|
|
}
|
|
|
|
if (theme && theme === 'light') {
|
|
return <img src={system.fields.logo_light || ''} alt={system.fields.name || ''} className={cn('block h-6 w-auto', className)} />;
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<img src={system.fields.logo_dark || ''} alt={system.fields.name || ''} className={cn('block h-6 w-auto dark:hidden', className)} />
|
|
<img src={system.fields.logo_light || ''} alt={system.fields.name || ''} className={cn('hidden h-6 w-auto dark:block', className)} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default AppLogo;
|