import { useTranslation } from "react-i18next"
import { Outlet } from "react-router-dom"

import { ConfigurableDataTable } from "../../../../../components/table/configurable-data-table"
import { useCollectionTableAdapter } from "./collection-table-adapter"

export const ConfigurableCollectionListTable = () => {
  const { t } = useTranslation()
  const adapter = useCollectionTableAdapter()

  return (
    <>
      <ConfigurableDataTable
        adapter={adapter}
        heading={t("collections.domain")}
        subHeading={t("collections.subtitle")}
        actions={[{ label: t("actions.create"), to: "create" }]}
      />
      <Outlet />
    </>
  )
}