export declare const EXAMPLE_SCROLL = "<div id=\"main-container\">\n\t<div id=\"my-viewer\"></div>\n\t<div id=\"scroll-container\">\n\t\t<div class=\"checkpoint-padding orange\">padding 1</div>\n\t\t<div id=\"checkpoint1\" class=\"red\">#checkpoint1</div>\n\t\t<div class=\"checkpoint-padding green\">padding 2</div>\n\t\t<div id=\"checkpoint2\" class=\"green\">#checkpoint2</div>\n\t\t<div class=\"checkpoint-padding purple\">padding 3</div>\n\t\t<div id=\"checkpoint3\" class=\"teal\">#checkpoint3</div>\n\t\t<div class=\"checkpoint-padding yellow\">padding 4</div>\n\t\t<div id=\"checkpoint4\" class=\"lightgreen\">#checkpoint4</div>\n\t\t<div class=\"checkpoint-padding red\">padding 5</div>\n\t</div>\n</div>\n\n<style>\n\t#main-container {\n\t\tposition: relative;\n\t\theight: 100%;\n\t\tbackground-color: rgb(0, 255, 0);\n\t}\n\t#my-viewer {\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t#scroll-container {\n\t\tposition: relative;\n\t\theight: 100%;\n\t\toverflow-y: scroll;\n\t}\n\t.checkpoint-padding {\n\t\tpointer-events: none;\n\t\theight: 120vh;\n\t\tcolor: orange;\n\t\tborder: 4px solid transparent;\n\t}\n\t.checkpoint {\n\t\tpointer-events: none;\n\t\theight: 120vh;\n\t\tcolor: white;\n\t\tborder: 4px solid transparent;\n\t}\n\t.orange { border-color: orange; }\n\t.red { border-color: red; }\n\t.green { border-color: green; }\n\t.blue { border-color: blue; }\n\t.purple { border-color: purple; }\n\t.teal { border-color: teal; }\n\t.yellow { border-color: yellow; }\n\t.lightgreen { border-color: lightgreen; }\n</style>\n";