@reaqtive/layout/dist/buttons/button.js

reaqtive layout components

"use strict";

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

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

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread"));

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

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

var _jsxFileName = "/Users/paolo_d/Projects/React/reaqtive/packages/layout/src/lib/buttons/button.js";

const Button = props => {
  const className = "btn ".concat(props.className ? props.className : 'btn-default', " ").concat(props.ripple ? 'ripple' : ''); //const [className, setClassName] = useState(classNameInitial)

  const events = {
    onClick: props.onClick
  };
  return _react.default.createElement("button", Object.assign({
    className: className,
    style: (0, _objectSpread2.default)({}, props.style)
  }, events, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 14
    },
    __self: void 0
  }), props.children);
}; //{props.animated?<animated.span style={animatedProps}/>:null}


Button.propTypes = {
  className: _propTypes.default.string,
  style: _propTypes.default.object
};
Button.defaultProps = {
  className: '',
  style: {}
};
var _default = Button;
exports.default = _default;