Bottom Nav

Mobile tab bar with labeled icons, a raised center create button, and a rose unread counter badge.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Nav19 } from "@/components/beste/piece/nav19";

<Nav19
  tabs={[
    {
      "label": "Home",
      "icon": "home",
      "active": true
    },
    {
      "label": "Search",
      "icon": "search"
    },
    {
      "label": "",
      "icon": "plus"
    },
    {
      "label": "Inbox",
      "icon": "bell",
      "badge": 3
    },
    {
      "label": "Profile",
      "icon": "user"
    }
  ]}
/>