react-native-gallery-preview/lib/commonjs/components/DebugView/DebugView.js

<div> <img align="right" height="720" src="example.gif"> </div>

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.styles = exports.DebugView = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _ReText = require("./ReText");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const DebugView = ({
  values
}) => {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
    style: styles.container,
    children: Object.keys(values).map(key => {
      const value = values[key];
      if (value === undefined) return null;
      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReText.ReText, {
        style: styles.text,
        text: key,
        value: value
      }, `item-${key}`);
    })
  });
};
exports.DebugView = DebugView;
const styles = exports.styles = _reactNative.StyleSheet.create({
  container: {
    position: "absolute",
    right: 4,
    bottom: 0,
    padding: 2,
    backgroundColor: "rgba(0, 0,0,0.5)",
    pointerEvents: "none"
  },
  text: {
    fontSize: 14,
    lineHeight: 16,
    textAlignVertical: "center",
    height: 20,
    padding: 0,
    color: "white"
  }
});
//# sourceMappingURL=DebugView.js.map