blockstack-ui/dist/components/notifications/examples.js

Blockstack UI components built with css-in-js and styled-system.

"use strict";

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

require("core-js/modules/es6.function.bind");

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

var _index = require("./index");

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

var example = _react.default.createElement(_index.Notify, {
  notification: "My Message!"
}, function (_ref) {
  var bind = _ref.bind;
  return _react.default.createElement(_button.Button, bind, "Show notification");
});

var example3 = _react.default.createElement(_index.Notify, {
  notification: {
    title: 'Title Example',
    message: 'Notifications can have a title and body message.'
  }
}, function (_ref2) {
  var bind = _ref2.bind;
  return _react.default.createElement(_button.Button, bind, "Show advanced notification");
});

var example2 = _react.default.createElement(_index.Notify, null, function (_ref3) {
  var doNotifyWarning = _ref3.doNotifyWarning;
  return _react.default.createElement(_button.Button, {
    onClick: function onClick() {
      return doNotifyWarning('My warning message');
    }
  }, "Show Warning Notification");
});