import { jsx } from "react/jsx-runtime";
import APITokenManager from "./APITokenManager-iZxUx3eK.js";
import { A as AppLayout } from "./AppLayout-DitNPgwT.js";
import "@inertiajs/react";
import "classnames";
import "react";
import "../app.js";
import "axios";
import "lodash";
import "react-dom/client";
import "./ActionMessage-s_mcCJ3s.js";
import "@headlessui/react";
import "./Modal-D5yHmTM4.js";
import "./SectionTitle-DnuUNpyS.js";
import "react-dom";
import "./Checkbox-XR8K_oHK.js";
import "./ConfirmationModal-BYr2Juy2.js";
import "./DangerButton-BAZynYAq.js";
import "./DialogModal-D0pyMzH2.js";
import "./FormSection-DI6t3wFC.js";
import "./TextInput-CMJy2hIv.js";
import "./InputLabel-DhqxoV6M.js";
import "./PrimaryButton-C2B8UWiv.js";
import "./SecondaryButton-G68tKuYQ.js";
import "./SectionBorder-Dh4nHf2e.js";
import "./useTypedPage-Do3SqtsL.js";
import "@inertiajs/core";
function ApiTokenIndex({
  tokens,
  availablePermissions,
  defaultPermissions
}) {
  return /* @__PURE__ */ jsx(
    AppLayout,
    {
      title: "API Tokens",
      renderHeader: () => /* @__PURE__ */ jsx("h2", { className: "font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight", children: "API Tokens" }),
      children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto py-10 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsx(
        APITokenManager,
        {
          tokens,
          availablePermissions,
          defaultPermissions
        }
      ) }) })
    }
  );
}
export {
  ApiTokenIndex as default
};