import { Suspense } from "react";

import NoSSR from "@calcom/core/components/NoSSR";
import { Meta } from "@calcom/ui";
import { Loader } from "@calcom/ui/components/icon";

import { FlagAdminList } from "../components/FlagAdminList";

export const FlagListingView = () => {
  return (
    <>
      <Meta title="Feature Flags" description="Here you can toggle your Cal.com instance features." />
      <NoSSR>
        <Suspense fallback={<Loader />}>
          <FlagAdminList />
        </Suspense>
      </NoSSR>
    </>
  );
};