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

var _templateObject, _templateObject2;

import React from 'react';
import styled from 'styled-components';
import { Link } from '@sentecacommerce-theme/lib';
import { Button } from '../../../Common';
export var BasicConsent = (_ref) => {
  var {
    url,
    agree,
    configure,
    description,
    label,
    setAdvanced,
    giveConsent
  } = _ref;
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Content, null, description, ' ', /*#__PURE__*/React.createElement(Link, {
    href: url != null ? url : '/'
  }, /*#__PURE__*/React.createElement(Anchor, null, label, "."))), /*#__PURE__*/React.createElement("span", {
    className: "d-flex flex-column flex-lg-row"
  }, /*#__PURE__*/React.createElement(Button, {
    fullWidth: true,
    className: "mt-5 mx-lg-1",
    bordered: true,
    onClick: setAdvanced
  }, /*#__PURE__*/React.createElement("span", null, configure)), /*#__PURE__*/React.createElement(Button, {
    fullWidth: true,
    className: "mt-2 mt-lg-5 mx-lg-1",
    onClick: giveConsent
  }, /*#__PURE__*/React.createElement("span", null, agree))));
};
var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  font-size: 1.2rem;\n  @media (min-width: ", ") {\n    font-size: 16px;\n  }\n"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.breakpoints.lg.min;
});
var Anchor = styled.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  text-decoration: underline;\n  &:hover {\n    cursor: pointer;\n  }\n"])));
//# sourceMappingURL=index.js.map