import { initPlasmicLoader } from "@plasmicapp/loader-nextjs"
import { HelloWorld } from "ui/HelloWorld"

export const PLASMIC = initPlasmicLoader({
  projects: [
    {
      id: "6C9F1Ja3TTWNV3TApRUbbF", // ID of a project you are using
      token:
        "49UFDOe1KIdYzYBsQP8y4ydw0n05Wy5tfeZchMKIoMs3vhB5iOR6Miw8ftg4fhSXCJaiZETztLQF24qrOD5g", // API token for that project
    },
  ],
  // Fetches the latest revisions, whether or not they were unpublished!
  // Disable for production to ensure you render only published changes.
  preview: true,
})

PLASMIC.registerComponent(HelloWorld, {
  name: "HelloWorld",
  props: {
    verbose: "boolean",
    children: "slot",
  },
})