import { AppShell } from '../../design-system/layout/AppShell/AppShell'
import { Sidebar } from '../../design-system/layout/Sidebar/Sidebar'
import { TopBar } from '../../design-system/layout/TopBar/TopBar'
import { EmptyState } from '../../design-system/primitives/EmptyState/EmptyState'
import { SIDEBAR_APPS } from '../../mocks/sidebar'

export function Admin() {
  return (
    <AppShell sidebar={<Sidebar apps={SIDEBAR_APPS} />}>
      <TopBar
        breadcrumb={[{ label: 'Admin' }]}
        environment="PRODUCTION"

        user={{ name: 'hendrik' }}
      />
      <EmptyState
        title="Admin Panel"
        description="Admin panel coming soon."
      />
    </AppShell>
  )
}
