export declare const TEMPLATE = "\n  <h1>\n    <span>Fontable</span>\n    <input type=\"checkbox\" id=\"toggle\" />\n    <label for=\"toggle\" class=\"toggle-label\">Enabled</label>\n        <input type=\"checkbox\" id=\"override\" />\n    <label for=\"override\" class=\"toggle-label\">Override</label>\n  </h1>\n  <div class=\"content\">\n  \n  <div class=\"flex\">\n    <select id=\"group-select\"></select>\n    <select id=\"font-select\"></select>    \n<!--    <a id=\"google-link\" href=\"\" target=\"_blank\">View in Google Fonts</a>-->\n  </div>\n  <div class=\"instr\">\n    <span id=\"instr1\"><span>&#10003;</span> copy link</span>\n    <span id=\"instr2\"><span>&#10003;</span> copy css</span>\n    <span id=\"google-link\"><span>&#10003;</span> google fonts</span>\n  </div>\n  </div>\n\n  <style>\n    \n    h1 {\n      margin: 0;\n      display: inline-block;\n      font-size: 20px;\n    }\n    \n    input[type=\"checkbox\"] {\n      margin-left: 20px;\n    }\n    \n    .toggle-label {\n      font-size: 14px;\n      vertical-align: middle;\n    }\n    \n    .flex {\n      display: flex;\n      align-items: baseline;\n    }\n    \n    select {\n      margin-top: 10px;\n      padding: 10px;\n      border-radius: 5px;\n      border: none;\n      background-color: #222;\n      color: #eee;\n    }\n    \n    select:focus-visible {\n      outline: 1px solid #888;\n    }\n    \n    select + select {\n      margin-left: 10px;\n    }\n    \n    select option {\n      background-color: #333;\n      color: #eee;\n      padding: 5px 5px;\n    }\n    \n    .instr {\n      margin-top: 10px;\n      font-size: 14px;\n      display: flex;\n      gap: 20px;\n    }\n    \n    .instr > span {\n      cursor: pointer;\n    }\n    \n    .instr > span > span {\n      visibility: hidden;\n    }\n    \n    a {\n      color: inherit;\n      margin-left: 20px;\n    }\n    \n    .content {\n      display: none;\n    }\n    \n    .fontable {\n      position: fixed;\n      bottom: 0;   \n      right: 0;\n      background-color: #333;\n      border: 1px solid #333;\n      box-shadow: 0 0 5px #111;\n      color: #eee;\n      width: 350px;\n      padding: 10px 20px;\n      font-family: monospace !important;\n      z-index: 9999;\n    }\n  \n    .fontable.enabled .content {\n      display: block;\n    }\n  </style>\n";