import { jsx } from "react/jsx-runtime";
import { __ } from "@wordpress/i18n";
import SidebarNavigationScreen from "../sidebar-navigation-screen";
import SidebarNavigationScreenUnsupported from "../sidebar-navigation-screen-unsupported";
import { StyleBookPreview } from "../style-book";
import { isClassicThemeWithStyleBookSupport } from "./utils";
const stylebookRoute = {
  name: "stylebook",
  path: "/stylebook",
  areas: {
    sidebar({ siteData }) {
      return isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(
        SidebarNavigationScreen,
        {
          title: __("Styles"),
          backPath: "/",
          description: __(
            `Preview your website's visual identity: colors, typography, and blocks.`
          )
        }
      ) : /* @__PURE__ */ jsx(SidebarNavigationScreenUnsupported, {});
    },
    preview({ siteData }) {
      return isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(StyleBookPreview, { isStatic: true }) : void 0;
    },
    mobile({ siteData }) {
      return isClassicThemeWithStyleBookSupport(siteData) ? /* @__PURE__ */ jsx(StyleBookPreview, { isStatic: true }) : void 0;
    }
  }
};
export {
  stylebookRoute
};
//# sourceMappingURL=stylebook.js.map
