"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
}); // @todo eh

const react_1 = __importDefault(require("react"));

const BaseButtonAtom_1 = __importDefault(require("../BaseButtonAtom"));

const StyledBlueButton = styled.withComponent(BaseButtonAtom_1.default)`
  padding: $spacing;
  text-align: center;
  border-radius: $border-radius;
  font-weight: 900;
  margin: 0;
  cursor: pointer;
  background-color: $colors-secondary;
  color: $colors-white;

  ${props => props.center && styled.css`
      align-items: center;
      justify-content: center;
    `}

  ${props => props.isLowpriority && styled.css`
      background-color: $colors-gray;
    `}

  ${props => (props.isDisabled || props.state === 'disabled') && styled.css`
      background-color: $colors-gray;
      color: $colors-white;
      pointer-events: none;
      cursor: not-allowed;
    `}
`;

class BlueButton extends react_1.default.PureComponent {
  render() {
    return react_1.default.createElement(StyledBlueButton, Object.assign({}, this.props));
  }

}

BlueButton.defaultProps = {
  defaultClassName: 'button blue-button blue'
};
exports.BlueButton = BlueButton;
exports.default = BlueButton; //# sourceMappingURL=BlueButton.js.map