so much stuff???

1 files changed, 41 insertions, 0 deletions

diff --git a/apps/web/src/components/header-base.tsx b/apps/web/src/components/header-base.tsx
new file mode 100644
index 00000000..5f7b2b8d
--- /dev/null
+++ b/apps/web/src/components/header-base.tsx
@@ -0,0 +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-16 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>

+  );

+}