All files Logo.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
19x
310x
 
310x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import logoSvg from "~/assets/logo.svg";
 
export const Logo = ({ title }: { title?: string }) => {
	const logoTitle = title ?? "Smart Home";
 
	return (
		<div
			className="flex flex-row gap-0.5 items-center -ml-2"
			role="img"
			aria-label={`${logoTitle} logo`}
		>
			<img
				src={logoSvg}
				alt={`${logoTitle} logo`}
				className="w-11 h-11 select-none"
				draggable={false}
			/>
			<h1
				className="text-2xl text-[#099BDB] font-bold select-none"
				data-cy="navbar-title"
				draggable={false}
			>
				{logoTitle}
			</h1>
		</div>
	);
};