Header Brand Logo

1import Link from "next/link";
2import Image from "next/image";
3import { cn } from "@/registry/default/utils";
4 
5// Registry components use generic types instead of generated types
6interface HeaderBrandLogoBlock {
7	href: string;
8	media?: {
9		url: string;
10		alt: string;
11	};
12	alignment?: string;
13}
14 
15interface Media {
16	url: string;
17	alt: string;
18}
19 
20export * from "./config";
21 
22export default function HeaderBrandLogo({
23	mobileView = false,
24	href = "",
25	media,
26}: { mobileView?: boolean } & HeaderBrandLogoBlock) {
27	if (!media) return <></>;
28	return (
29		<Link
30			href={href}
31			className={cn("cursor-pointer", mobileView === true && "hidden")}
32		>
33			{media ? (
34				<Image src={(media as Media).url!} fill alt={(media as Media).alt} />
35			) : (
36				""
37			)}
38		</Link>
39	);
40}