diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-06-22 13:07:02 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-06-22 13:07:02 +0200 |
| commit | be970248686c0af7d8506cba8c64bf507419da3d (patch) | |
| tree | 3fd8a716b7adae452f1be6dcdd946533da47ad8a /apps/web/src/components/header.tsx | |
| parent | f2d27e578e6214598d36779f44fb1612764c7b3b (diff) | |
| download | opencut-be970248686c0af7d8506cba8c64bf507419da3d.tar.gz | |
so much stuff???
Diffstat (limited to 'apps/web/src/components/header.tsx')
| -rw-r--r-- | apps/web/src/components/header.tsx | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx new file mode 100644 index 00000000..a2ac5016 --- /dev/null +++ b/apps/web/src/components/header.tsx @@ -0,0 +1,37 @@ +"use client";
+
+import Link from "next/link";
+import { Button } from "./ui/button";
+import { ArrowRight } from "lucide-react";
+import { HeaderBase } from "./header-base";
+
+export function Header() {
+ const leftContent = (
+ <Link href="/" className="font-medium tracking-tight">
+ AppCut
+ </Link>
+ );
+
+ const rightContent = (
+ <nav className="flex items-center">
+ <Link href="/editor">
+ <Button variant="ghost" className="text-sm">
+ Open editor
+ </Button>
+ </Link>
+ <Link href="https://github.com/mazeincoding/AppCut" target="_blank">
+ <Button variant="ghost" className="text-sm">
+ GitHub
+ </Button>
+ </Link>
+ <Link href="/editor">
+ <Button size="sm" className="text-sm ml-4">
+ Start editing
+ <ArrowRight className="h-4 w-4" />
+ </Button>
+ </Link>
+ </nav>
+ );
+
+ return <HeaderBase leftContent={leftContent} rightContent={rightContent} />;
+}
|