declare const tutorial = "\n<div style=\"padding: 15px 20px\" default-source-provider=\"Demo\">\n\n<h1>Basic FMS Info</h1>\n  \n<p>\n  Component used for displaying information from the Field Management System (FMS).\n</p>\n\n\n<fwc-code-sample title=\"With attributes\">\n  <frc-basic-fms-info\n    match-type=\"2\"\n    match-number=\"5\"\n    event-name=\"Some Event\"\n    fms-control-data=\"33\"\n  ></frc-basic-fms-info>\n</fwc-code-sample>\n\n<fwc-code-sample title=\"With styles\">\n  <style>\n    .with-styles {\n      font-size: 20px;\n      font-family: cursive;\n      color: purple;\n    }\n  </style>\n  <frc-basic-fms-info class=\"with-styles\"></frc-basic-fms-info>\n</fwc-code-sample>\n\n<!-- code for \"Try it out\" section -->\n<h3>Try it out!</h3>\n<fwc-number source-key=\"/playground/MatchType\" value=\"1\"></fwc-number>\n<fwc-number source-key=\"/playground/MatchNumber\" value=\"2\"></fwc-number>\n<fwc-string source-key=\"/playground/EventName\" value=\"Another Event\"></fwc-string> \n<fwc-number source-key=\"/playground/FMSControlData\" value=\"29\"></fwc-number>\n<frc-basic-fms-info source-key=\"/playground\"></frc-basic-fms-info>\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\n<div class=\"try-it-out\">\n  <vaadin-number-field \n    label=\"Match Type\" \n    theme=\"small\" \n    source-key=\"/playground/MatchType\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"Match Number\" \n    theme=\"small\" \n    source-key=\"/playground/MatchNumber\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-number-field \n    label=\"FMS Control Data\" \n    theme=\"small\" \n    source-key=\"/playground/FMSControlData\"\n    has-controls\n  ></vaadin-number-field>\n  <vaadin-text-field \n    label=\"Event Name\" \n    theme=\"small\" \n    source-key=\"/playground/EventName\"\n  ></vaadin-text-field>\n</div>\n\n</div>\n";
export default tutorial;