"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _reactEmotion = require("react-emotion");

var _reactEmotion2 = _interopRequireDefault(_reactEmotion);

var _Button = require("./Button.Skeleton");

var _Button2 = _interopRequireDefault(_Button);

var _BaseButton = require("./BaseButton");

var _presets = require("../../utils/presets");

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

var StyledPrimaryDeleteButton =
/*#__PURE__*/
(0, _reactEmotion2["default"])(_BaseButton.StyledBaseButton, {
  target: "e1iju7if0"
})("background:", _presets.palette.red[600], ";border:1px solid ", _presets.palette.red[600], ";color:", _presets.palette.white, ";font-weight:bold;:focus,:hover{background:", _presets.palette.red[700], ";border-color:", _presets.palette.red[900], ";}");

var PrimaryDeleteButton = function PrimaryDeleteButton(props) {
  return _react2["default"].createElement(_Button2["default"], Object.assign({
    StyledComponent: StyledPrimaryDeleteButton
  }, props));
};

PrimaryDeleteButton.propTypes = _Button.buttonPropTypes;
PrimaryDeleteButton.defaultProps = _Button.buttonDefaultPropTypes;
exports["default"] = PrimaryDeleteButton;