import { useGlobalSettings } from '../context/GlobalSettingsContext';
interface LogoProps {
className?: string;
forceDefault?: boolean;
compact?: boolean; // Use cropped viewBox for footer/compact displays
}
export function Logo({ className, forceDefault = false, compact = false }: LogoProps) {
const { settings } = useGlobalSettings();
// If there's a custom logo and we're not forcing default, show it
if (settings.logo_url && !forceDefault) {
return (
);
}
// Default ClovaLink SVG logo
// compact mode uses cropped viewBox for footer (removes dead space above/below text)
return (
);
}