respond-framework/dist/modules/replayTools/App/index.js

create as fast you think

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react2 = require("react");
var React = _react2;
var _respond = require("respond-framework/modules/replayTools/respond.js");
var _Pressable = require("../widgets/Pressable.js");
var _Gear = require("../icons/Gear.js");
var _Layout = require("./Layout.js");
var _styles = require("../styles.js");
var _ErrorBoundary = require("../components/ErrorBoundary.js");
const ReplayToolsApp = (0, _react2.memo)(function Anonymous(props) {
  return ((props, {
    events,
    open,
    config
  }) => {
    const {
      hide,
      position
    } = config;
    if (hide) return;
    const horizontal = position?.left ? 'left' : 'right';
    const vertical = position?.top ? 'top' : 'bottom';
    const style = {
      position: 'absolute',
      [horizontal]: 10,
      [vertical]: 10
    };
    const spin = position?.left ? !open : open;
    const color = open ? _styles.colors.navy : _styles.colors.greyDark;
    return /*#__PURE__*/React.createElement(_ErrorBoundary.default, null, /*#__PURE__*/React.createElement(_Layout.default, {
      open: open
    }), /*#__PURE__*/React.createElement(_Pressable.default, {
      style: style,
      event: events.toggle
    }, /*#__PURE__*/React.createElement(_Gear.default, {
      spin: spin,
      color: color
    })));
  })(props, (0, _respond.useRespond)());
});
var _default = exports.default = ReplayToolsApp;