import { ControlPanel, PageArgs } from "control-panel-kit";

const pages: PageArgs[] = [
  {
    title: "Name Of The Section",
    icon: <StandardIconFromMaterialUI />,
    elements: [
      {
        type: "integer", //optional, depends on what you're doing
        name: "Some Number",
        get() {
          //code time!
        },
        set(x: number) {
          //some more code
          return 69; //don't forget to return the new value
        },
        //both get and set can be async
      },
    ],
  },
];

function YourSite() {
  return (
    <YourSiteContainer>
      <ControlPanel name="NameOfTheCP" />
    </YourSiteContainer>
  );
}