react-dialogify/dist/templates/default.js

Simple, Fast and Easy to use Dialog Modal component for React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

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

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

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

var _icon = _interopRequireDefault(require("../components/icon"));

var _button = _interopRequireDefault(require("../components/button"));

var _text = _interopRequireDefault(require("../components/text"));

var _title = _interopRequireDefault(require("../components/title"));

var _constants = require("../constants");

function _templateObject() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  padding: 1rem;\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

var DefaultTemplate = function DefaultTemplate(_ref) {
  var type = _ref.type,
      title = _ref.title,
      text = _ref.text,
      btnText = _ref.btnText,
      btnOnClick = _ref.btnOnClick;
  return _react.default.createElement(TemplateBase, null, _react.default.createElement(_icon.default, {
    type: type
  }), title && _react.default.createElement(_title.default, null, title), text && _react.default.createElement(_text.default, null, text), btnText && btnOnClick && _react.default.createElement(_button.default, {
    status: type,
    onClick: btnOnClick,
    type: "button"
  }, btnText));
};

DefaultTemplate.propTypes = {
  type: _propTypes.default.oneOf(Object.values(_constants.TYPES)),
  title: _propTypes.default.string,
  text: _propTypes.default.string,
  btnText: _propTypes.default.string,
  btnOnClick: _propTypes.default.func
};
DefaultTemplate.defaultProps = {
  type: null,
  title: null,
  text: null,
  btnText: null,
  btnOnClick: null
};
var _default = DefaultTemplate;
exports.default = _default;

var TemplateBase = _styledComponents.default.div(_templateObject());