ناوبری فرعی (SecondaryNav)

import {
  AppSecondary,
  AppSecondaryHeader,
  AppSecondaryTitle,
  AppSecondaryContent,
  SecondaryNavItem,
  SecondaryNavTitle,
  SecondaryNavSeparator,
  SecondaryNavCollapsible,
  SecondaryNavCollapsibleTrigger,
  SecondaryNavCollapsibleContent,
  SecondaryNavSearchInput,
} from '@partodata/ui'
;<AppSecondary resizable>
  <AppSecondaryHeader>
    <AppSecondaryTitle>گزارش‌ها</AppSecondaryTitle>
  </AppSecondaryHeader>
  <AppSecondaryContent className="gap-1 p-2">
    <SecondaryNavSearchInput placeholder="جستجو…" aria-label="جستجو" />
    <SecondaryNavTitle>پیشنهادی</SecondaryNavTitle>
    <SecondaryNavItem isActive>نمای کلی هفتگی</SecondaryNavItem>
    <SecondaryNavItem>روند تعامل</SecondaryNavItem>
  </AppSecondaryContent>
</AppSecondary>

<SecondaryNavItem asChild isActive>
  <Link href="/reports/weekly">نمای کلی هفتگی</Link>
</SecondaryNavItem>

<SecondaryNavCollapsible defaultOpen>
  <SecondaryNavCollapsibleTrigger title="ذخیره‌شده" />
  <SecondaryNavCollapsibleContent>
    <SecondaryNavItem>کمپین تخفیف فصلی</SecondaryNavItem>
    <SecondaryNavItem>بازخورد بسته‌بندی</SecondaryNavItem>
  </SecondaryNavCollapsibleContent>
</SecondaryNavCollapsible>

<SecondaryNavSearchInput placeholder="جستجو…" aria-label="جستجو" isLoading={loading} />
<SecondaryNavSeparator />
<SecondaryNavTitle>عنوان گروه</SecondaryNavTitle>