From c3dcb9c827df6d80ad1b0b1a7c6155561527b39d Mon Sep 17 00:00:00 2001
From: l3wdfut4pwr <l3wdfut4pwr@gmail.com>
Date: Tue, 30 Dec 2025 13:46:39 +0200
Subject: init

---
 src/components/header/SubNav.tsx | 43 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 src/components/header/SubNav.tsx

(limited to 'src/components/header/SubNav.tsx')

diff --git a/src/components/header/SubNav.tsx b/src/components/header/SubNav.tsx
new file mode 100644
index 0000000..a446ff0
--- /dev/null
+++ b/src/components/header/SubNav.tsx
@@ -0,0 +1,43 @@
+import Link from 'next/link';
+import { Button } from '../ui';
+import React from 'react';
+import { cn } from '@/lib/utils';
+
+export function SubNav() {
+    return (
+        <div className="flex justify-between w-full">
+            <SectionLink href="#" className="rounded-tl-[5px] rounded-bl-4xl">
+                ТЕГИ
+            </SectionLink>
+            <SectionLink href="#" className="border-x border-light-violet">
+                КАТЕГОРИИ
+            </SectionLink>
+            <SectionLink href="#" className="border-x border-light-violet">
+                ПЕРСОНАЖИ
+            </SectionLink>
+            <SectionLink href="#" className="rounded-tr-[5px] rounded-br-4xl">
+                КОЛЛЕКЦИИ
+            </SectionLink>
+        </div>
+    );
+}
+
+function SectionLink({
+    children,
+    href,
+    className,
+}: React.PropsWithChildren & { href: string; className?: string }) {
+    return (
+        <Button
+            asChild
+            className={cn(
+                'bg-violet grow py-3.5 w-full hover:bg-light-violet',
+                className,
+            )}
+            variant={'ghost'}
+            size={'text'}
+        >
+            <Link href={href}>{children}</Link>
+        </Button>
+    );
+}
-- 
cgit v1.3-3-g829e

