// Chrome-less shell for anything charon frames.
//
// No topbar, no page background, no fixed viewport height: the panel is a
// fragment of somebody else's page and has to size to whatever box that page
// gives it. The `.ampelos-app` background in particular must NOT be here --
// it paints a full-viewport gradient that would show as a hard-edged rectangle
// inside accounts.sticknife.com's own theme.
//
// The root layout still wraps this (fonts and globals.css come from there),
// which is what keeps the embed looking like Ampelos rather than unstyled HTML.

import { embedOrigins } from "@/lib/embed-origins";

import { FrameHeight } from "./frame-height";

export default function EmbedLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="ampelos-embed text-ampelos-parchment">
      <FrameHeight targetOrigins={embedOrigins()} />
      {children}
    </div>
  );
}
