نوار بالا (App Bar)

import { AppBar, Button, Avatar, AvatarFallback } from '@parto-system-design/ui'
import { Bell, HelpCircle } from 'lucide-react'

export default function Layout() {
  return (
    <AppBar
      logo={<span className="font-bold text-foreground">پارتو</span>}
      actions={
        <>
          <Button variant="ghost" size="icon">
            <HelpCircle />
          </Button>
          <Button variant="ghost" size="icon">
            <Bell />
          </Button>
        </>
      }
      user={
        <Avatar>
          <AvatarFallback>م</AvatarFallback>
        </Avatar>
      }
    />
  )
}

import { AppBar, SidebarProvider, Sidebar, SidebarInset, PageHeader } from '@parto-system-design/ui'

export default function DashboardLayout({ children }) {
  return (
    <>
      <AppBar logo={<BrandLogo />} user={<UserMenu />} />
      <SidebarProvider>
        <Sidebar>{/* آیتم‌های منوی سایدبار */}</Sidebar>
        <SidebarInset>
          <PageHeader title="داشبورد" />
          {children}
        </SidebarInset>
      </SidebarProvider>
    </>
  )
}

<AppBar size="lg" logo={<LargeLogo />} />