import { useAppPath } from '@core/hooks/useAppPath'
import { RecordListPage } from '../../components/records/RecordListPage'

export default function EnvironmentsPage() {
  const appPath = useAppPath()
  return (
    <RecordListPage
      typeSlug="workbench_service"
      title="Environments"
      getDetailRoute={record => appPath(`/delivery/environments/${record.id}`)}
      emptyMessage="No environments found."
      columns={[
        { key: 'title', label: 'Name' },
        { key: 'service_kind', label: 'Kind' },
        { key: 'health_status', label: 'Health' },
        { key: 'created_at', label: 'Created' },
      ]}
    />
  )
}