storybook-addon-react-runner/dist/cjs/components/Preview.js

Storybook addon to provide react live preview powered by react-runner

"use strict";

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

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

var _reactRunner = require("react-runner");

var _theming = require("@storybook/theming");

var _templateObject;

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

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Error = _theming.styled.pre(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: #fcc;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: 0;\n  padding: 1rem;\n  color: #f00;\n  white-space: pre-wrap;\n"])));

var Preview = function Preview(props) {
  var _useRunner = (0, _reactRunner.useRunner)(props),
      element = _useRunner.element,
      error = _useRunner.error;

  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, element, error && /*#__PURE__*/_react["default"].createElement(Error, null, error));
};

exports.Preview = Preview;