"use strict";

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

exports.__esModule = true;
exports.AuthButtons = void 0;

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

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _lib = require("@sentecacommerce-theme/lib");

var _Common = require("../../../../Common");

var _templateObject;

var AuthButtons = function AuthButtons(_ref) {
  var handleModal = _ref.handleModal;

  var _useGlobalLabels = (0, _lib.useGlobalLabels)(),
      buttons = _useGlobalLabels.buttons;

  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_Common.Button, {
    onClick: handleModal
  }, buttons.login), /*#__PURE__*/_react["default"].createElement(_Common.Button, {
    bordered: true,
    onClick: handleModal
  }, buttons.register));
};

exports.AuthButtons = AuthButtons;

var Container = _styledComponents["default"].div.attrs({
  className: 'd-flex flex-column'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  flex-wrap: wrap;\n  margin-top: 50px;\n  & button {\n    &:last-of-type {\n      margin-top: 1rem;\n    }\n  }\n"])));
//# sourceMappingURL=index.js.map