import React from "react";
import {
  action,
  createRicosComponentStory
} from "./../../../wix-rich-content-common/create-ricos-component-story.js";
import { FooterActions } from "../common/footer-actions.js";
import { FullscreenMobileLayout } from "./fullscreen-mobile-layout.js";
const FullscreenMobileLayoutWrapper = ({ content }) => {
  return /* @__PURE__ */ React.createElement(
    FullscreenMobileLayout,
    {
      onCloseButtonClick: action("onCloseButtonClick"),
      header: { title: "Title" },
      content: { children: content },
      footer: {
        children: /* @__PURE__ */ React.createElement(FooterActions, { onCancel: action("onCancel"), onSave: action("onSave"), logBi: () => {
        } })
      }
    }
  );
};
const Default = (storyProps) => createRicosComponentStory({
  component: /* @__PURE__ */ React.createElement(
    FullscreenMobileLayoutWrapper,
    {
      content: /* @__PURE__ */ React.createElement("div", { style: { border: "1px solid red" } }, "Content")
    }
  ),
  storyProps
});
const WithLengthyContent = (storyProps) => createRicosComponentStory({
  component: /* @__PURE__ */ React.createElement(
    FullscreenMobileLayoutWrapper,
    {
      content: /* @__PURE__ */ React.createElement("div", { style: { height: "1000px", border: "1px solid red" } }, "1000px height container")
    }
  ),
  storyProps
});
var fullscreen_mobile_layout_stories_default = {
  name: "FullscreenMobileLayout"
};
export {
  Default,
  WithLengthyContent,
  fullscreen_mobile_layout_stories_default as default
};
//# sourceMappingURL=fullscreen-mobile-layout.stories.js.map
