"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
exports.Disclaimer = props => (<div className="disclaimer">
    <aside>
      Protected by <b>reCAPTCHA</b>
      <nav>
        <a rel="noreferrer noopener" target="_blank" href="https://policies.google.com/terms">
          privacy
        </a>
        <a rel="noreferrer noopener" target="_blank" href="https://policies.google.com/privacy">
          terms
        </a>
      </nav>
    </aside>
    <img src="https://www.gstatic.com/recaptcha/api2/logo_48.png"/>
    <style jsx>{`
      .disclaimer {
        width: 100%;
        justify-content: center;
        display: flex;
        align-items: center;
        font-size: 13px;
        margin-top: 8px;
        text-align: right;
        color: ${props.color || "#212121"};
        margin: 12px 0;
      }
      a {
        color: ${props.linkColor || "#333"};
      }

      .disclaimer aside {
        margin-right: 16px;
      }
      .disclaimer nav {
        margin: 0 -4px;
      }
      .disclaimer img {
        width: 32px;
      }
      .disclaimer nav a {
        margin: 0 4px;
      }
    `}</style>
  </div>);
//# sourceMappingURL=disclaimer.jsx.map