resizable-pip/dist/components/ResizablePIP.js

A Resizable Picture-in-Picture component.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _PIP = _interopRequireDefault(require("./PIP"));

var _reactResizable = require("react-resizable");

require("react-resizable/css/styles.css");

var _ResizablePIPModule = _interopRequireDefault(require("./ResizablePIP.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const ResizablePIP = _ref => {
  let {
    children,
    width = 500,
    height = 500,
    minConstraints = [300, 300],
    maxConstraints = [800, 800]
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_PIP.default, null, /*#__PURE__*/_react.default.createElement(_reactResizable.ResizableBox, {
    onMouseDown: e => {
      e.stopPropagation();
    },
    className: _ResizablePIPModule.default.pipResizableContent,
    width: width,
    height: height,
    minConstraints: minConstraints,
    maxConstraints: maxConstraints
  }, children)));
};

var _default = ResizablePIP;
exports.default = _default;