declare const tutorial = "\n<div style=\"padding: 15px 20px\" default-source-provider=\"Demo\">\n\n<style>\n  frc-3-axis-accelerometer {\n    margin-bottom: 20px;\n  }\n  h1 {\n    margin: 0 0 10px;\n  }\n</style>\n\n<h1>3-Axis Accelerometer</h1>\n  \n<p>\n  Component used for displaying data from a 3-axis accelerometer.\n</p>\n\n<fwc-code-sample title=\"With attributes\">\n  <frc-3-axis-accelerometer x=\"5\" y=\"5\" z=\"-8.2\"></frc-3-axis-accelerometer>\n  <frc-3-axis-accelerometer x=\"2.9\" y=\"0\" z=\"\" min=\"10\"></frc-3-axis-accelerometer>\n  <frc-3-axis-accelerometer \n    x=\"-2\"\n    y=\"0\"\n    z=\"4\"\n    min=\"-4\"\n    max=\"4\"\n    center=\"0\"\n    precision=\"4\"\n    num-tick-marks=\"3\"\n    unit=\"g\"\n  ></frc-3-axis-accelerometer>\n\n  <frc-3-axis-accelerometer \n    x=\"16\"\n    y=\"-13\"\n    z=\"3\"\n    hide-text\n    num-tick-marks=\"10\"\n  ></frc-3-axis-accelerometer>\n</fwc-code-sample>\n\n<fwc-code-sample title=\"With styles\">\n  <style>\n    .with-styles {\n      width: 700px;\n    }\n  </style>\n  <frc-3-axis-accelerometer \n    class=\"with-styles\"\n    x=\"5\"\n    y=\"2\"\n    z=\"-5\"\n    num-tick-marks=\"11\"\n  ></frc-3-axis-accelerometer>\n</fwc-code-sample>\n\n<!-- code for \"Try it out\" section -->\n<h3>Try it out!</h3>\n<fwc-number source-key=\"/playground/x\" value=\"1\"></fwc-number>\n<fwc-number source-key=\"/playground/y\" value=\"-4\"></fwc-number>\n<fwc-number source-key=\"/playground/z\" value=\"6\"></fwc-number>\n<fwc-number source-key=\"/playground/min\" value=\"-8\"></fwc-number>\n<fwc-number source-key=\"/playground/max\" value=\"8\"></fwc-number>\n<fwc-number source-key=\"/playground/center\" value=\"0\"></fwc-number>\n<fwc-number source-key=\"/playground/precision\" value=\"0\"></fwc-number>\n<fwc-boolean source-key=\"/playground/hideText\" value=\"false\"></fwc-boolean>\n<fwc-number source-key=\"/playground/numTickMarks\" value=\"7\"></fwc-number>\n<fwc-string source-key=\"/playground/unit\" value=\"g\"></fwc-string>\n<frc-3-axis-accelerometer source-key=\"/playground\"></frc-3-axis-accelerometer>\n\n<style>\n    .try-it-out {\n      display: flex;\n      flex-direction: row;\n      column-gap: 10px;\n      max-width: 800px;\n      flex-wrap: wrap;\n    }\n    .try-it-out vaadin-number-field, .try-it-out vaadin-text-field {\n      width: 160px;\n    }\n</style>\n<div class=\"try-it-out\">\n  <vaadin-number-field \n    label=\"X\" \n    theme=\"small\" \n    source-key=\"/playground/x\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"Y\" \n    theme=\"small\" \n    source-key=\"/playground/y\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"Z\" \n    theme=\"small\" \n    source-key=\"/playground/z\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"Min\" \n    theme=\"small\" \n    source-key=\"/playground/min\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"Max\" \n    theme=\"small\" \n    source-key=\"/playground/max\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"Center\" \n    theme=\"small\" \n    source-key=\"/playground/center\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"Precision\" \n    theme=\"small\" \n    source-key=\"/playground/precision\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"Number of Ticks Marks\" \n    theme=\"small\" \n    source-key=\"/playground/numTickMarks\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-text-field \n    label=\"Unit\" \n    theme=\"small\" \n    source-key=\"/playground/unit\"\n  ></vaadin-text-field>\n</div>\n<vaadin-checkbox-group theme=\"horizontal\">\n  <vaadin-checkbox source-key=\"/playground/hideText\">Hide Text</vaadin-checkbox>\n</vaadin-checkbox-group>\n\n</div>\n";
export default tutorial;