import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";

function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }

import React from "react";
import { jsx as ___EmotionJSX } from "@emotion/react";
var container = {
  maxWidth: "1024px",
  marginRight: "auto",
  marginLeft: "auto",
  paddingRight: "1rem",
  paddingLeft: "1rem"
};
var textColor = "#333";
var paddingBox = ".75rem 1.25rem";
export var DefaultTemplate = function DefaultTemplate(props) {
  return ___EmotionJSX("div", {
    id: "default-template"
  }, ___EmotionJSX("div", {
    style: _objectSpread(_objectSpread({}, container), {
      color: textColor
    })
  }, ___EmotionJSX("h1", {
    style: {
      fontSize: "26px"
    }
  }, "This is the OpenAttestation default renderer"), ___EmotionJSX("div", {
    role: "alert",
    style: {
      marginTop: "1.5rem",
      marginBottom: "1.5rem",
      backgroundColor: "#fffbec",
      padding: paddingBox
    }
  }, ___EmotionJSX("div", {
    style: {
      display: "flex",
      flexWrap: "nowrap",
      flexDirection: "row",
      alignItems: "center"
    }
  }, ___EmotionJSX("div", {
    style: {
      flex: "0 0 50px",
      marginRight: "24px"
    }
  }, ___EmotionJSX("svg", {
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg",
    viewBox: "0 0 50 50"
  }, ___EmotionJSX("g", {
    clipPath: "url(#a)"
  }, ___EmotionJSX("path", {
    d: "m47.7 19.6.3 2.1c.7 5-.3 10.1-2.8 14.4-2.5 4.4-6.3 7.9-10.9 9.9-4.6 2.1-9.7 2.6-14.6 1.5s-9.3-3.8-12.6-7.6c-3.3-3.8-5.2-8.6-5.6-13.6-.3-5 1-10 3.7-14.2C8 7.9 12 4.7 16.7 3c4.7-1.7 9.9-1.9 14.7-.5M25.3 10.9v21",
    stroke: "#F57A29",
    strokeWidth: "3",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }), ___EmotionJSX("path", {
    d: "M25.3 40.4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z",
    fill: "#F57A29"
  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
    id: "a"
  }, ___EmotionJSX("rect", {
    width: "49.7",
    height: "49.7",
    fill: "#fff"
  }))))), ___EmotionJSX("div", {
    style: {
      flex: "1 1 auto"
    }
  }, "You see this template because the certificate issuer misconfigured the template configuration of your document. Please check with the certificate issuer. More information is available in", " ", ___EmotionJSX("a", {
    style: {
      color: "initial",
      textDecoration: "underline"
    },
    href: "https://openattestation.com/docs/advanced/custom-renderer",
    target: "_blank",
    rel: "noopener noreferrer"
  }, "the documentation"), "."))), ___EmotionJSX("pre", {
    style: {
      backgroundColor: "#f7f8fc",
      padding: paddingBox,
      whiteSpace: "pre-wrap",
      wordWrap: "break-word"
    }
  }, _JSON$stringify(props.document, null, 2))));
};
export var defaultTemplate = {
  id: "default-template",
  label: "Default",
  template: DefaultTemplate
};
//# sourceMappingURL=DefaultTemplate.js.map