format, cleanup, deps

1 files changed, 41 insertions, 41 deletions

diff --git a/apps/web/src/components/header-base.tsx b/apps/web/src/components/header-base.tsx
index f27eb7fc..c87803f7 100644
--- a/apps/web/src/components/header-base.tsx
+++ b/apps/web/src/components/header-base.tsx
@@ -1,41 +1,41 @@
-"use client";

-

-import { cn } from "@/lib/utils";

-import { ReactNode } from "react";

-

-interface HeaderBaseProps {

-  leftContent?: ReactNode;

-  centerContent?: ReactNode;

-  rightContent?: ReactNode;

-  className?: string;

-  children?: ReactNode;

-}

-

-export function HeaderBase({

-  leftContent,

-  centerContent,

-  rightContent,

-  className,

-  children,

-}: HeaderBaseProps) {

-  // If children is provided, render it directly without the grid layout

-  if (children) {

-    return (

-      <header className={cn("px-6 h-16 flex items-center", className)}>

-        {children}

-      </header>

-    );

-  }

-

-  return (

-    <header

-      className={cn("px-6 h-14 flex justify-between items-center", className)}

-    >

-      {leftContent && <div className="flex items-center">{leftContent}</div>}

-      {centerContent && (

-        <div className="flex items-center">{centerContent}</div>

-      )}

-      {rightContent && <div className="flex items-center">{rightContent}</div>}

-    </header>

-  );

-}

+"use client";
+
+import { cn } from "@/lib/utils";
+import { ReactNode } from "react";
+
+interface HeaderBaseProps {
+	leftContent?: ReactNode;
+	centerContent?: ReactNode;
+	rightContent?: ReactNode;
+	className?: string;
+	children?: ReactNode;
+}
+
+export function HeaderBase({
+	leftContent,
+	centerContent,
+	rightContent,
+	className,
+	children,
+}: HeaderBaseProps) {
+	// If children is provided, render it directly without the grid layout
+	if (children) {
+		return (
+			<header className={cn("px-6 h-16 flex items-center", className)}>
+				{children}
+			</header>
+		);
+	}
+
+	return (
+		<header
+			className={cn("px-6 h-14 flex justify-between items-center", className)}
+		>
+			{leftContent && <div className="flex items-center">{leftContent}</div>}
+			{centerContent && (
+				<div className="flex items-center">{centerContent}</div>
+			)}
+			{rightContent && <div className="flex items-center">{rightContent}</div>}
+		</header>
+	);
+}