import { RtFrame } from "@dpa/react-frame-intro";
import { ReactNode } from "react";

export function RecipePage({ children }: { children: ReactNode }) {
  return (
    <RtFrame
      as="div"
      surface="foundation-low-tint"
      use="neutral"
      style={{
        minHeight: "100vh",
        padding: "40px",
        display: "flex",
        flexDirection: "column",
        gap: "20px",
      }}
    >
      {children}
    </RtFrame>
  );
}