declare const tutorial = "\n<div style=\"padding: 15px 20px\" default-source-provider=\"Demo\">\n\n  <style>\n    frc-number-bar {\n      margin-bottom: 10px;\n    }\n    h1 {\n      margin: 0 0 10px;\n    }\n  </style>\n\n  <h1>Number Bar</h1>\n\n  <fwc-code-sample>\n    <frc-number-bar value=\".5\"></frc-number-bar>\n\n    <frc-number-bar \n      value=\"2\"\n      min=\"-10\"\n      max=\"20\"\n      center=\"5\"\n      precision=\"3\"\n      num-tick-marks=\"3\"\n      unit=\"s\"\n    ></frc-number-bar>\n\n    <frc-number-bar \n      value=\".7\"\n      min=\"0\"\n      max=\"1\"\n      center=\"0\"\n      hide-text\n    ></frc-number-bar>\n  </fwc-code-sample>\n\n  <!-- code for \"Try it out\" section -->\n  <h3>Try it out!</h3>\n\n  <fwc-number source-key=\"/bar/value\" value=\"1\"></fwc-number>\n  <fwc-number source-key=\"/bar/min\" value=\"-10\"></fwc-number>\n  <fwc-number source-key=\"/bar/max\" value=\"10\"></fwc-number>\n  <fwc-number source-key=\"/bar/center\" value=\"0\"></fwc-number>\n  <fwc-number source-key=\"/bar/precision\" value=\"0\"></fwc-number>\n  <fwc-boolean source-key=\"/bar/hideText\"></fwc-boolean>\n  <fwc-number source-key=\"/bar/numTickMarks\" value=\"7\"></fwc-number>\n  <fwc-string source-key=\"/bar/unit\" value=\"\"></fwc-string>\n\n  <frc-number-bar source-key=\"/bar\"></frc-number-bar>\n\n  <div class=\"try-it-out\">\n\n    <vaadin-number-field \n      label=\"Value\" \n      theme=\"small\" \n      source-key=\"/bar/value\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Min\" \n      theme=\"small\" \n      source-key=\"/bar/min\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Max\" \n      theme=\"small\" \n      source-key=\"/bar/max\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Center\" \n      theme=\"small\" \n      source-key=\"/bar/center\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Precision\" \n      theme=\"small\" \n      source-key=\"/bar/precision\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Number of Ticks Marks\" \n      theme=\"small\" \n      source-key=\"/bar/numTickMarks\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-text-field \n      label=\"Unit\" \n      theme=\"small\" \n      source-key=\"/bar/unit\"\n    ></vaadin-text-field>\n\n    <vaadin-checkbox-group theme=\"horizontal\">\n      <vaadin-checkbox source-key=\"/bar/hideText\">Hide Text</vaadin-checkbox>\n    </vaadin-checkbox-group>\n  </div>\n\n</div>\n";
export default tutorial;