var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
import { Consent } from '@signatu/consent';
import React from 'react';
import { ConsentCheckbox } from '../components/consentCheckbox';
import { DemoCard, consentContent } from './common';
import Highlight from 'react-highlight';
var CheckboxDemo = /** @class */ (function (_super) {
    __extends(CheckboxDemo, _super);
    function CheckboxDemo() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.name = "Checkbox";
        _this.doc = React.createElement(Highlight, { className: 'hljs' }, "\nimport {ConsentCheckbox} from '@signatu/consent-react';\n\nconst config = {\n    apiKey: \"YOUR_API_KEY\", \n    accessToken: \"YOUR_ACCESS_TOKEN\"\n}\n\nrender() {\n    return <ConsentCheckbox\n        id=\"buttons_consent\"\n        config={config} \n        subject={Consent.anonUserId()}\n        issuer=\"signatu.com\"\n        target=\"signatu.com/demo/checkbox\"\n        language=\"en\">\n            <div> We can embed whatever content we want here </div>\n    </ConsentCheckbox>  \n}\n");
        _this.state = {};
        return _this;
    }
    CheckboxDemo.prototype.render = function () {
        var demo = React.createElement(ConsentCheckbox, { id: "buttons_consent", config: this.props.config, subject: Consent.anonUserId(), issuer: "signatu.com", target: "signatu.com/demo/checkboxandbuttons", language: this.props.language },
            React.createElement("div", { className: "dataprocessing" }, consentContent[this.props.language]));
        return React.createElement(DemoCard, { element: demo, doc: this.doc });
    };
    return CheckboxDemo;
}(React.Component));
export { CheckboxDemo };
//# sourceMappingURL=checkbox.js.map