/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';

/**
 * Internal dependencies
 */
import SidebarNavigationScreen from '../sidebar-navigation-screen';
import SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';
import { StyleBookPreview } from '../style-book';
import { isClassicThemeWithStyleBookSupport } from './utils';
import { jsx as _jsx } from "react/jsx-runtime";
export 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
      }) : undefined;
    },
    mobile({
      siteData
    }) {
      return isClassicThemeWithStyleBookSupport(siteData) ? /*#__PURE__*/_jsx(StyleBookPreview, {
        isStatic: true
      }) : undefined;
    }
  }
};
//# sourceMappingURL=stylebook.js.map