1 files changed, 43 insertions, 0 deletions
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>
+    );
+}