PageConfig

interface PageConfig {
  _version?: number;
  sections: PageSection[];
}

interface PageSection {
  component: string;
  props?: Record<string, unknown>;
  theme?: "dark";
  border?: boolean;
  divider?: boolean;
  className?: string;
}

component is the final catalog-prefixed section id. props must contain serializable structured content.

The remaining fields are optional controls applied by the SDK-owned section frame:

• theme: "dark" creates a dark theme island using the conventional dark class, data-theme="dark", and the dark foreground color;
• border: true draws a border around the section;
• divider: true draws a divider below the section;
• className adds host-provided classes to the wrapper (maximum 512 characters).

When none of these values are present, SectionRenderer does not add a wrapper element.

_version describes the wire format and defaults to version 1 when omitted. It is not a content revision.

Example:

{
  "sections": [
    {
      "component": "free-hero-split",
      "theme": "dark",
      "border": true,
      "className": "rounded-xl overflow-hidden",
      "props": {
        "headline": "A page your customers can shape"
      }
    }
  ]
}