Genarrative/src/components/image-editor/ImageCanvasEditorPortal.tsx

import { CanvasPortal } from '@genarrative/image-canvas-react';
import type { ReactNode } from 'react';

import { useAuthUi } from '../auth/AuthUiContext';

export function ImageCanvasEditorPortal({ children }: { children: ReactNode }) {
  const platformTheme = useAuthUi()?.platformTheme ?? 'light';

  return (
    <CanvasPortal
      className={`platform-theme platform-theme--${platformTheme} image-canvas-editor__portal-theme`}
    >
      {children}
    </CanvasPortal>
  );
}