Files
Reactive-Resume/apps/client/src/components/logo.tsx
Amruth Pillai e87b05a93a release: v4.1.0
2024-05-05 14:55:06 +02:00

35 lines
674 B
TypeScript

import { useTheme } from "@reactive-resume/hooks";
import { cn } from "@reactive-resume/utils";
type Props = {
size?: number;
className?: string;
};
export const Logo = ({ size = 32, className }: Props) => {
const { isDarkMode } = useTheme();
let src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
switch (isDarkMode) {
case false: {
src = "/logo/light.svg";
break;
}
case true: {
src = "/logo/dark.svg";
break;
}
}
return (
<img
src={src}
width={size}
height={size}
alt="Reactive Resume"
className={cn("rounded-sm", className)}
/>
);
};