"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _ui = require("@mirai/ui");
var _react = _interopRequireDefault(require("react"));
var _shared__ = require("../../../__shared__");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
var _default = () => {
  const {
    isMobile,
    isDesktop
  } = (0, _ui.useDevice)();
  const itemProps = {
    row: true,
    style: {
      gap: 'var(--mirai-ui-space-XS)'
    }
  };
  const iconProps = {
    style: {
      borderRadius: '50%',
      height: 'var(--mirai-ui-space-L)',
      width: 'var(--mirai-ui-space-L)'
    }
  };
  const textProps = {
    action: true
  };
  return /*#__PURE__*/_react.default.createElement(_ui.View, {
    row: true,
    style: {
      backgroundColor: 'var(--mirai-ui-base)',
      borderBottom: !isDesktop ? 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)' : undefined,
      gap: 'var(--mirai-ui-space-XL)',
      justifyContent: !isDesktop ? 'space-between' : undefined,
      padding: !isDesktop ? 'var(--mirai-ui-space-XS) var(--mirai-ui-space-M)' : undefined
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
    words: 2
  }))), /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), !isMobile && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
    words: 2
  }))), /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), !isMobile && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
    words: 1
  }))));
};
exports.default = _default;
//# sourceMappingURL=BookingProcess.skeleton.js.map