Reactive-Resume/packages/ui/src/components/brand-icon.tsx

import { cn } from "@reactive-resume/utils/style";

type Props = React.ComponentProps<"img"> & {
	variant?: "logo" | "icon";
};

export function BrandIcon({ variant = "logo", className, ...props }: Props) {
	return (
		<>
			<img
				src={`/${variant}/dark.svg`}
				alt="Reactive Resume"
				className={cn("hidden size-12 dark:block", className)}
				{...props}
			/>
			<img
				src={`/${variant}/light.svg`}
				alt="Reactive Resume"
				className={cn("block size-12 dark:hidden", className)}
				{...props}
			/>
		</>
	);
}