"use strict";

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

exports.__esModule = true;
exports.BasicConsent = 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, _templateObject2;

var BasicConsent = function BasicConsent(_ref) {
  var url = _ref.url,
      agree = _ref.agree,
      configure = _ref.configure,
      description = _ref.description,
      label = _ref.label,
      setAdvanced = _ref.setAdvanced,
      giveConsent = _ref.giveConsent;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Content, null, description, ' ', /*#__PURE__*/_react["default"].createElement(_lib.Link, {
    href: url != null ? url : '/'
  }, /*#__PURE__*/_react["default"].createElement(Anchor, null, label, "."))), /*#__PURE__*/_react["default"].createElement("span", {
    className: "d-flex flex-column flex-lg-row"
  }, /*#__PURE__*/_react["default"].createElement(_Common.Button, {
    fullWidth: true,
    className: "mt-5 mx-lg-1",
    bordered: true,
    onClick: setAdvanced
  }, /*#__PURE__*/_react["default"].createElement("span", null, configure)), /*#__PURE__*/_react["default"].createElement(_Common.Button, {
    fullWidth: true,
    className: "mt-2 mt-lg-5 mx-lg-1",
    onClick: giveConsent
  }, /*#__PURE__*/_react["default"].createElement("span", null, agree))));
};

exports.BasicConsent = BasicConsent;

var Content = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n  font-size: 1.2rem;\n  @media (min-width: ", ") {\n    font-size: 16px;\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.breakpoints.lg.min;
});

var Anchor = _styledComponents["default"].a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  text-decoration: underline;\n  &:hover {\n    cursor: pointer;\n  }\n"])));
//# sourceMappingURL=index.js.map