import React from "react";
import { hubspot } from "@hubspot/ui-extensions";
import { createPageRouter, PageRoutes } from "@hubspot/ui-extensions/pages";
import { AppHomePage } from "./components/AppHomePage";

const PageLayout = ({ children }: { children: React.ReactNode }) => {
  return <>{children}</>;
};

hubspot.extend<"pages">(({ actions }) => {
  const PageRouter = createPageRouter(
    <PageRoutes layoutComponent={PageLayout}>
      <PageRoutes.IndexRoute
        component={() => <AppHomePage actions={actions} />}
      />
    </PageRoutes>,
  );

  return <PageRouter />;
});