react-caps/build/components/confirm.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 Confirm = function Confirm(props) {
  return _react2.default.createElement(
    'div',
    {
      className: 'jsx-1146123906' + ' ' + 'react-caps__confirm'
    },
    _react2.default.createElement(
      'p',
      {
        className: 'jsx-1146123906' + ' ' + 'react-caps__confirm__text'
      },
      props.text
    ),
    _react2.default.createElement(
      'div',
      {
        className: 'jsx-1146123906' + ' ' + 'react-caps__confirm__btns'
      },
      _react2.default.createElement(
        'button',
        { onClick: function onClick(e) {
            return props.onCancelClick(e);
          }, className: 'jsx-1146123906' + ' ' + 'react-caps__confirm__cancel-btn'
        },
        'Cancel'
      ),
      _react2.default.createElement(
        'button',
        { onClick: function onClick(e) {
            return props.onConfirmClick(e);
          }, className: 'jsx-1146123906' + ' ' + 'react-caps__confirm__confirm-btn'
        },
        'Confirm'
      )
    ),
    _react2.default.createElement(_style2.default, {
      styleId: '1146123906',
      css: '.react-caps__confirm.jsx-1146123906{font-size:12px;line-height:16px}.react-caps__confirm__text.jsx-1146123906{margin:0;padding:20px}.react-caps__confirm__btns.jsx-1146123906 button.jsx-1146123906{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:inline-block;width:50%;box-sizing:border-box;outline:none}.react-caps__confirm__btns.jsx-1146123906 button.jsx-1146123906:active{background-color:#f7f7f7}.react-caps__confirm__btns.jsx-1146123906 button.react-caps__confirm__cancel-btn.jsx-1146123906{border-right:1px solid #eee;color:#d45757}'
    })
  );
};

Confirm.propTypes = {
  text: _propTypes2.default.string.isRequired,
  onConfirmClick: _propTypes2.default.func.isRequired,
  onCancelClick: _propTypes2.default.func.isRequired
};
exports.default = Confirm;