import { useParams } from 'react-router-dom'
import { TopBar } from '../../design-system/layout/TopBar/TopBar'
import { EmptyState } from '../../design-system/primitives/EmptyState/EmptyState'

export function AppDetail() {
  const { id } = useParams<{ id: string }>()

  return (
    <>
      <TopBar
        breadcrumb={[
          { label: 'Applications', href: '/apps' },
          { label: id ?? '' },
        ]}
        environment="PRODUCTION"

        user={{ name: 'hendrik' }}
      />
      <EmptyState
        title="Application Detail"
        description="Application detail view coming soon."
      />
    </>
  )
}