Topbar

NeoTopbarLayout(
  topbarChildren: [
    Expanded(
      child: Row(
        children: [
          Text(
            "My App",
            style: theme.textStyles.header1.copyWith(
              color: theme.colors.fgPrimary,
            ),
          ),
        ],
      ),
    ),
    NeoTabBar(
      tabs: [
        NeoTab(id: "dashboard", label: "Dashboard"),
        NeoTab(id: "products", label: "Products"),
        NeoTab(id: "orders", label: "Orders"),
      ],
      activeTabId: activeTabId.value,
      onChange: (id) {
        // Handle tab change
      },
    ),
    Expanded(
      child: Row(
        mainAxisAlignment: .end,
        children: [
          NeoButton(
            variant: .secondary,
            label: "Profile",
            onPressed: () {
              // Handle profile button press
            },
          ),
        ],
      ),
    ),
  ],
  child: const AutoRouter(),
),