@shopgate/engage/development/components/DevelopmentTools/DevelopmentTools.js

Shopgate's ENGAGE library.

import React, { memo } from 'react';
import PropTypes from 'prop-types';
import { isDev } from '@shopgate/engage/core/helpers';
import Shortcuts from "./Shortcuts";
import SimulatedInsets from "../SimulatedInsets";

/**
 * Provides development tools for the app.
 * @param {Object} props The component props.
 * @param {React.ReactNode} props.children The child components.
 * @returns {JSX.Element}
 */
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
const DevelopmentTools = ({
  children
}) => {
  if (!isDev) {
    return children;
  }
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [/*#__PURE__*/_jsx(Shortcuts, {}), /*#__PURE__*/_jsx(SimulatedInsets, {
      children: children
    })]
  });
};
export default /*#__PURE__*/memo(DevelopmentTools);