react-caps/build/components/alert.js

A Confirm-Alert-Prompts(CAPs) library for React

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _style = require('styled-jsx/style');

var _style2 = _interopRequireDefault(_style);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var Alert = function Alert(props) {
  return _react2.default.createElement(
    'div',
    {
      className: 'jsx-460448029' + ' ' + 'react-caps__alert'
    },
    _react2.default.createElement(
      'p',
      {
        className: 'jsx-460448029' + ' ' + 'react-caps__alert__text'
      },
      props.text
    ),
    _react2.default.createElement(
      'button',
      { onClick: function onClick(e) {
          return props.onOkClick(e);
        }, className: 'jsx-460448029' + ' ' + 'react-caps__alert__ok'
      },
      'Ok'
    ),
    _react2.default.createElement(_style2.default, {
      styleId: '460448029',
      css: '.react-caps__alert.jsx-460448029{font-size:12px;line-height:16px}.react-caps__alert__text.jsx-460448029{margin:0;padding:20px}.react-caps__alert__ok.jsx-460448029{margin:0;padding:10px 5px;border:none;background:transparent;border:none;background:transparent;border-top:1px solid #eee;text-transform:uppercase;cursor:pointer;color:#34ab5a;display:block;width:100%;box-sizing:border-box;outline:none}.react-caps__alert__ok.jsx-460448029:active{background-color:#f7f7f7}'
    })
  );
};

Alert.propTypes = {
  text: _propTypes2.default.string.isRequired,
  onOkClick: _propTypes2.default.func.isRequired
};
exports.default = Alert;