"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
}); // import Button from './BaseButtonAtom'

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

const BlueButton_1 = __importDefault(require("./BlueButton"));

const GreenButtonNamed = props => react_1.default.createElement(BlueButton_1.default, Object.assign({}, props, {
  className: 'button green-button ' + props.className
}));

const GreenButton = styled.withComponent(GreenButtonNamed)`
  @font(13, regular);
  font-weight: 900;
  background-color: $colors-primary-darkgreen;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  // why?
  flex: 1;
  align-self: flex-end;

  ${props => (props.isDisabled || props.state === 'disabled') && styled.css`
      opacity: 0.5;
      background-color: $colors-primary-darkgreen;
    `}

  /* when the button has a link inside of it... */
  a {
    color: $colors-main-background;
  }
`;
exports.GreenButton = GreenButton;
exports.default = GreenButton; //# sourceMappingURL=GreenButton.js.map