import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import React from 'react';
import styled from 'styled-components';
import { useGlobalLabels } from '@sentecacommerce-theme/lib';
import { Button } from '../../../../Common';
export var AuthButtons = (_ref) => {
  var {
    handleModal
  } = _ref;
  var {
    buttons
  } = useGlobalLabels();
  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Button, {
    onClick: handleModal
  }, buttons.login), /*#__PURE__*/React.createElement(Button, {
    bordered: true,
    onClick: handleModal
  }, buttons.register));
};
var Container = styled.div.attrs({
  className: 'd-flex flex-column'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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