@wix/design-system/dist/cjs/MediaOverlay/docs/examples/content.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.topHoverMiddleAlwaysBottomDefault = exports.numberedPlacements = exports.dragHandle = exports.allPlacements = void 0;
var _react = _interopRequireDefault(require("react"));
var _Box = _interopRequireDefault(require("../../../Box"));
var _FillPreview = _interopRequireDefault(require("../../../FillPreview"));
var _ = _interopRequireDefault(require("../.."));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/MediaOverlay/docs/examples/content.jsx",
  _this = void 0;
var dragHandle = exports.dragHandle = [/*#__PURE__*/_react["default"].createElement(_["default"].Content, {
  key: "dragHandle",
  visible: "hover",
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 8,
    columnNumber: 3
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"].DragHandle, {
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 9,
    columnNumber: 5
  }
}))];
var renderExampleContent = function renderExampleContent(placement, visible) {
  var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['lime', 'lime'];
  return /*#__PURE__*/_react["default"].createElement(_["default"].Content, {
    key: "".concat(visible, "-").concat(placement),
    placement: placement,
    visible: visible,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 14,
      columnNumber: 3
    }
  }, fill.map(function (fillContent, index) {
    return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
      key: index,
      width: "24px",
      __self: _this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 20,
        columnNumber: 7
      }
    }, /*#__PURE__*/_react["default"].createElement(_FillPreview["default"], {
      key: index,
      fill: fillContent,
      __self: _this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 21,
        columnNumber: 9
      }
    }));
  }));
};
var allPlacements = exports.allPlacements = [renderExampleContent('top-start', 'always'), renderExampleContent('top-end', 'always'), renderExampleContent('middle', 'always'), renderExampleContent('bottom-start', 'always'), renderExampleContent('bottom-end', 'always')];
var topHoverMiddleAlwaysBottomDefault = exports.topHoverMiddleAlwaysBottomDefault = [renderExampleContent('top-start', 'hover'), renderExampleContent('top-end', 'hover'), renderExampleContent('middle', 'always'), renderExampleContent('bottom-start', 'default'), renderExampleContent('bottom-end', 'default')];
var numberedPlacements = exports.numberedPlacements = [renderExampleContent('top-start', 'always', [/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "0"), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "1")]), renderExampleContent('top-end', 'always', [/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "2"), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "3")]), renderExampleContent('middle', 'always', [/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "4"), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "5")]), renderExampleContent('bottom-start', 'always', [/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "6"), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "7")]), renderExampleContent('bottom-end', 'always', [/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "8"), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "9")])];