summaryrefslogtreecommitdiff
path: root/apps/web/src/components/header-base.tsx
diff options
context:
space:
mode:
authorHayden Bleasel <hello@haydenbleasel.com>2025-07-24 14:41:34 -0700
committerGitHub <noreply@github.com>2025-07-25 00:41:34 +0300
commit5931ddb77aac23ffe1b82d9d7c03afde3e671109 (patch)
tree3e2ead9cc6e13c01132a78c21b64f2be7b00e215 /apps/web/src/components/header-base.tsx
parent7b840e9b4e198212eb34861c21469b2215157914 (diff)
downloadopencut-5931ddb77aac23ffe1b82d9d7c03afde3e671109.tar.gz
feat: add ultracite (#452)
* Init ultracite * Update scripts and biome.jsonc * Update biome.jsonc * Update biome.jsonc * Update biome.jsonc * Run format
Diffstat (limited to 'apps/web/src/components/header-base.tsx')
-rw-r--r--apps/web/src/components/header-base.tsx82
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..98f1c431 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>
+ );
+}