1  'use client'
 2  
 3  import { SidebarPanelShell } from '@/components/layout/sidebar-panel-shell'
 4  import { MainContent } from '@/components/layout/main-content'
 5  import { WebhookList } from '@/components/webhooks/webhook-list'
 6  import { useAppStore } from '@/stores/use-app-store'
 7  
 8  export default function WebhooksLayout({ children }: { children: React.ReactNode }) {
 9    return (
10      <>
11        <SidebarPanelShell
12          title="Webhooks"
13          createLabel="Webhook"
14          onNew={() => useAppStore.getState().setWebhookSheetOpen(true)}
15        >
16          <WebhookList inSidebar />
17        </SidebarPanelShell>
18        <MainContent>{children}</MainContent>
19      </>
20    )
21  }