add: bottom nav bar

2025-07-04 14:03:41 +03:30
parent 76ecb5839e
commit 691dc7c100
17 changed files with 368 additions and 122 deletions
@@ -0,0 +1,23 @@
+import Link from 'next/link'
+import React from 'react'
+import type { LinkProps } from 'next/link'
+
+type Props = {
+  icon: React.ReactElement
+  value: string
+} & LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement>
+
+function BottomNavHighlightLink({ icon, value, ...restProps }: Props) {
+  return (
+    <Link {...restProps} className={`flex flex-col relative justify-arround items-center gap-[5px] ${restProps.className ?? ''}`}>
+      <div className='bg-primary p-3 rounded-full'>
+        {icon}
+      </div>
+      <span className='text-xs2 text-disabled-text'>
+        {value}
+      </span>
+    </Link>
+  )
+}
+
+export default BottomNavHighlightLink