mirror of https://github.com/kortix-ai/suna.git
33 lines
747 B
TypeScript
33 lines
747 B
TypeScript
'use client';
|
|
|
|
import Image from 'next/image';
|
|
import { useTheme } from 'next-themes';
|
|
import { useEffect, useState } from 'react';
|
|
|
|
interface KortixLogoProps {
|
|
size?: number;
|
|
}
|
|
export function KortixLogo({ size = 24 }: KortixLogoProps) {
|
|
const { theme, systemTheme } = useTheme();
|
|
const [mounted, setMounted] = useState(false);
|
|
|
|
// After mount, we can access the theme
|
|
useEffect(() => {
|
|
setMounted(true);
|
|
}, []);
|
|
|
|
const shouldInvert = mounted && (
|
|
theme === 'dark' || (theme === 'system' && systemTheme === 'dark')
|
|
);
|
|
|
|
return (
|
|
<Image
|
|
src="/kortix-symbol.svg"
|
|
alt="Kortix"
|
|
width={size}
|
|
height={size}
|
|
className={`${shouldInvert ? 'invert' : ''} flex-shrink-0`}
|
|
/>
|
|
);
|
|
}
|