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>Gyro</h1>\n  \n  <fwc-code-sample title=\"With attributes\">\n    <frc-gyro value=\"95\"></frc-gyro>\n    <frc-gyro precision=\"5\"></frc-gyro>\n    <frc-gyro value=\"270.3249\" precision=\"3\" hide-label></frc-gyro>\n  </fwc-code-sample>\n\n  <!-- code for \"Try it out\" section -->\n  <h3>Try it out!</h3>\n\n  <fwc-number source-key=\"/gyro/value\" value=\"180\"></fwc-number>\n  <fwc-number source-key=\"/gyro/precision\" value=\"2\"></fwc-number>\n  <fwc-boolean source-key=\"/gyro/hideLabel\"></fwc-boolean>\n\n  <frc-gyro source-key=\"/gyro\"></frc-gyro>\n\n  <div class=\"try-it-out\">\n\n    <vaadin-number-field \n      label=\"Value\" \n      theme=\"small\" \n      source-key=\"/gyro/value\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Precision\" \n      theme=\"small\" \n      source-key=\"/gyro/precision\"\n      has-controls\n      min=\"0\"\n      max=\"100\"\n    ></vaadin-number-field>\n\n    <vaadin-checkbox-group theme=\"horizontal\">\n      <vaadin-checkbox source-key=\"/gyro/hideLabel\">Hide Label</vaadin-checkbox>\n    </vaadin-checkbox-group>\n  </div>\n\n</div>\n";
export default tutorial;