fix: apply authored presentation stage themes

2026-07-11 09:46:40 +07:00
parent 3587bc3fb7
commit 579bb96f03
5 changed files with 51 additions and 5 deletions
@@ -1,8 +1,12 @@
 import type { ReactNode } from "react";
+import type { StageTheme } from "./storyboard.js";

-type PresentationCanvasProps = { readonly children: ReactNode };
+type PresentationCanvasProps = {
+  readonly children: ReactNode;
+  readonly stageTheme?: StageTheme;
+};

-export const PresentationCanvas = ({ children }: PresentationCanvasProps) => (
+export const PresentationCanvas = ({ children, stageTheme = "paper" }: PresentationCanvasProps) => (
  <div className="presentation-viewport">
    {/*
      Keep the presentation as normal responsive DOM instead of scaling the
@@ -13,6 +17,7 @@ export const PresentationCanvas = ({ children }: PresentationCanvasProps) => (
    <div
      className="presentation-canvas"
      data-testid="presentation-canvas"
+      data-stage-theme={stageTheme}
    >
      {children}
    </div>