"use strict";

exports.__esModule = true;
exports.default = exports.PlaceholderSubtitle = exports.PlaceholderTitle = exports.PlaceholderIcon = exports.PlaceholderBox = void 0;

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = _interopRequireWildcard(require("styled-components"));

var _Text = _interopRequireWildcard(require("./Text"));

var _Icon = _interopRequireDefault(require("./Icon"));

var _utils = require("../utils");

var _excluded = ["icon", "title", "subtitle", "animate", "warn"];

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var rotate = (0, _styledComponents.keyframes)(["to{transform:rotate(1turn);}"]);

var PlaceholderBox = _styledComponents.default.div.withConfig({
  displayName: "Placeholder__PlaceholderBox",
  componentId: "sc-1luw4x-0"
})(["display:flex;flex-direction:column;align-items:center;margin:auto;", ""], (0, _utils.ifFlag)("warn", "color: #ed2e0b; width: 33%; max-width:540px; text-align:center;", "color: #ababab;"));

exports.PlaceholderBox = PlaceholderBox;
var PlaceholderIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
  displayName: "Placeholder__PlaceholderIcon",
  componentId: "sc-1luw4x-1"
})(["font-size:140px;", ";"], (0, _utils.ifFlag)("animate", (0, _styledComponents.css)(["animation:", " 4s linear infinite;"], rotate)));
exports.PlaceholderIcon = PlaceholderIcon;

var PlaceholderTitle = _styledComponents.default.div.withConfig({
  displayName: "Placeholder__PlaceholderTitle",
  componentId: "sc-1luw4x-2"
})(["margin-top:5px;font-size:2em;"]);

exports.PlaceholderTitle = PlaceholderTitle;

var PlaceholderSubtitle = _styledComponents.default.div.withConfig({
  displayName: "Placeholder__PlaceholderSubtitle",
  componentId: "sc-1luw4x-3"
})(["font-size:1.3em;"]);

exports.PlaceholderSubtitle = PlaceholderSubtitle;

var Placeholder = function Placeholder(_ref) {
  var icon = _ref.icon,
      title = _ref.title,
      subtitle = _ref.subtitle,
      animate = _ref.animate,
      warn = _ref.warn,
      props = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/_react.default.createElement(PlaceholderBox, _extends({
    warn: warn
  }, props), icon ? /*#__PURE__*/_react.default.createElement(PlaceholderIcon, {
    id: icon,
    animate: animate
  }) : null, title ? /*#__PURE__*/_react.default.createElement(PlaceholderTitle, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
    message: title
  })) : null, subtitle ? /*#__PURE__*/_react.default.createElement(PlaceholderSubtitle, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
    message: subtitle
  })) : null);
};

Placeholder.propTypes = {
  icon: _propTypes.default.string,
  title: _Text.ptLabel,
  subtitle: _Text.ptLabel,
  animate: _propTypes.default.bool,
  warn: _propTypes.default.bool
};
var _default = Placeholder;
var _default2 = _default;
var _default3 = _default2;
exports.default = _default3;
;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(rotate, "rotate", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(PlaceholderBox, "PlaceholderBox", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(PlaceholderIcon, "PlaceholderIcon", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(PlaceholderTitle, "PlaceholderTitle", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(PlaceholderSubtitle, "PlaceholderSubtitle", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(Placeholder, "Placeholder", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Placeholder.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();

;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(rotate, "rotate", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(PlaceholderBox, "PlaceholderBox", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(PlaceholderIcon, "PlaceholderIcon", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(PlaceholderTitle, "PlaceholderTitle", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(PlaceholderSubtitle, "PlaceholderSubtitle", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(Placeholder, "Placeholder", "/home/vsts/work/1/s/src/components/Placeholder.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Placeholder.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();