'use strict';

var React = require('react');
var styled = require('styled-components');
var polished = require('polished');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

const Button$1 = styled__default["default"].button.withConfig({
  displayName: "Reset__Button",
  componentId: "sc-ohlhxz-0"
})(["border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;outline:none;text-align:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;-webkit-appearance:none;&::-moz-focus-inner{border:0;padding:0;}-webkit-text-size-adjust:100%;"]);

/* eslint-disable no-ternary, no-nested-ternary */
const BACKGROUND_ALPHA = 0.7;
const Wrapper = styled__default["default"](Button$1).withConfig({
  displayName: "styled__Wrapper",
  componentId: "sc-pzlzbh-0"
})(["background:", ";border-radius:3px;color:", ";cursor:pointer;font-family:", ";font-size:16px;font-weight:", ";line-height:1.33;padding:", ";transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:background-color,color,opacity;&:hover{background:", ";}"], ({
  theme
}) => theme.palette.primary.main, ({
  theme
}) => theme.palette.primary.contrast, ({
  theme
}) => theme.font.family, ({
  isBold
}) => isBold ? "700" : "300", ({
  isPadded
}) => isPadded ? "15px 42px" : "10px 20px", ({
  theme
}) => polished.rgba(theme.palette.primary.main, BACKGROUND_ALPHA));

const Button = ({
  buttonType = "button",
  className,
  isBold,
  isPadded,
  label,
  onClick
}) => /*#__PURE__*/React__default["default"].createElement(Wrapper, {
  className: className,
  isBold: isBold,
  isPadded: isPadded,
  onClick: onClick,
  type: buttonType
}, label);

exports.Button = Button;
