declare const tutorial = "\n<div style=\"padding: 15px 20px\" default-source-provider=\"Demo\">\n\n  <style>\n    h1 {\n      margin: 0 0 10px;\n    }\n  </style>\n\n  <h1>Encoder</h1>\n  \n  <fwc-code-sample>\n    <frc-encoder\n      distance=\"10\"\n      speed=\"2\"\n    ></frc-encoder>\n  </fwc-code-sample>\n\n  <!-- code for \"Try it out\" section -->\n  <h3>Try it out!</h3>\n\n  <fwc-number source-key=\"/encoder/distance\" value=\"2\"></fwc-number>\n  <fwc-number source-key=\"/encoder/speed\" value=\"3\"></fwc-number>\n\n  <frc-encoder source-key=\"/encoder\"></frc-encoder>\n\n\n  <div class=\"try-it-out\">\n\n    <vaadin-number-field \n      label=\"Distance\" \n      theme=\"small\" \n      source-key=\"/encoder/distance\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Speed\" \n      theme=\"small\" \n      source-key=\"/encoder/speed\"\n      has-controls\n    ></vaadin-number-field>\n  </div>\n</div>\n";
export default tutorial;