design-system/src/pages/ApiDocs/ApiDocs.tsx

import { TopBar } from '../../design-system/layout/TopBar/TopBar'
import { EmptyState } from '../../design-system/primitives/EmptyState/EmptyState'

export function ApiDocs() {
  return (
    <>
      <TopBar
        breadcrumb={[{ label: 'API Documentation' }]}
        environment="PRODUCTION"

        user={{ name: 'hendrik' }}
      />
      <EmptyState
        title="API Documentation"
        description="API documentation coming soon."
      />
    </>
  )
}