// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`DigitalTwinTab Render 1`] = `
<div>
  <div
    data-testid="mocked-statusprovider"
  >
    <div
      data-testid="mocked-userprovider"
    >
      <div
        data-testid="mocked-vehicleprovider"
      >
        <div
          class="makeStyles-paper-0 makeStyles-tableSize-0"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6"
            style="padding-bottom: 10px;"
          >
            Digital Twin
          </h6>
          <div>
            <b>
              Connected
            </b>
            : 
            false
          </div>
          <div>
            <b>
              ICC Connected
            </b>
            : 
            true
          </div>
          <div>
            <div
              class="makeStyles-popupSection-0"
            >
              <h3>
                Battery
              </h3>
              <p>
                <b>
                  Percentage
                </b>
                : 
                95%
              </p>
              <p>
                <b>
                  Total Mileage
                </b>
                : 
                12000 km
              </p>
              <p>
                <b>
                  Voltage
                </b>
                : 
                12.5 V
              </p>
              <p>
                <b>
                  Max Range
                </b>
                : 
                577 km
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <h3>
                Doors
              </h3>
              <p>
                <b>
                  hood
                </b>
                : 
                closed
              </p>
              <p>
                <b>
                  left_front
                </b>
                : 
                closed
              </p>
              <p>
                <b>
                  left_rear
                </b>
                : 
                closed
              </p>
              <p>
                <b>
                  right_front
                </b>
                : 
                closed
              </p>
              <p>
                <b>
                  right_rear
                </b>
                : 
                closed
              </p>
              <p>
                <b>
                  trunk
                </b>
                : 
                closed
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <h3>
                Door Locks
              </h3>
              <p>
                <b>
                  driver
                </b>
                : 
                Unlocked
              </p>
              <p>
                <b>
                  all
                </b>
                : 
                Unlocked
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <h3>
                Sunroof
              </h3>
              <p>
                <b>
                  sunroof
                </b>
                : 
                closed (0)
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <h3>
                Location
              </h3>
              <p>
                <b>
                  altitude
                </b>
                : 
                17 m
              </p>
              <p>
                <b>
                  longitude
                </b>
                : 
                -122.414°
              </p>
              <p>
                <b>
                  latitude
                </b>
                : 
                37.764°
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <p>
                <b>
                  Trex Version
                </b>
                : 
                1000000
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <p>
                <b>
                  Trex IP
                </b>
                : 
                172.20.0.17:49850
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <p>
                <b>
                  Updated At
                </b>
                : 
                7/26/2022 12:26:38 AM
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <p>
                <b>
                  DBC Version
                </b>
                : 
                d439abd3662dd20099f49dd8f43f7b145202e961caa2b5aba2c6154c8096348b
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <p>
                <b>
                  Vehicle Speed
                </b>
                : 
                77.7 km/h
              </p>
            </div>
            <div
              class="makeStyles-popupSection-0"
            >
              <p>
                <b>
                  Parked
                </b>
                : 
                Yes
              </p>
            </div>
          </div>
          <div
            style="width: 100vh;"
          >
            <div
              data-testid="mocked-vehicleprovider"
            >
              <div
                class="leaflet-container leaflet-touch leaflet-grab leaflet-touch-drag leaflet-touch-zoom"
                style="width: 100%; height: 900px; position: relative;"
                tabindex="0"
              >
                <div
                  class="leaflet-pane leaflet-map-pane"
                  style="left: 0px; top: 0px;"
                >
                  <div
                    class="leaflet-pane leaflet-tile-pane"
                  >
                    <div
                      class="leaflet-layer "
                      style="z-index: 1;"
                    >
                      <div
                        class="leaflet-tile-container leaflet-zoom-animated"
                        style="z-index: 18; left: 0px; top: 0px;"
                      >
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://b.tile.openstreetmap.org/5/7/12.png"
                          style="width: 256px; height: 256px; left: -126px; top: -114px;"
                        />
                      </div>
                    </div>
                  </div>
                  <div
                    class="leaflet-pane leaflet-overlay-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-shadow-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-marker-pane"
                  >
                    <img
                      alt="Marker"
                      class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive"
                      role="button"
                      src="gray-marker.png"
                      style="margin-left: -24px; margin-top: -42px; opacity: 0.9; left: -608px; top: -19px; z-index: -19;"
                      tabindex="0"
                      title="TESTVIN1234567890"
                    />
                  </div>
                  <div
                    class="leaflet-pane leaflet-tooltip-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-popup-pane"
                  />
                </div>
                <div
                  class="leaflet-control-container"
                >
                  <div
                    class="leaflet-top leaflet-left"
                  >
                    <div
                      class="leaflet-control-zoom leaflet-bar leaflet-control"
                    >
                      <a
                        aria-disabled="false"
                        aria-label="Zoom in"
                        class="leaflet-control-zoom-in"
                        href="#"
                        role="button"
                        title="Zoom in"
                      >
                        <span
                          aria-hidden="true"
                        >
                          +
                        </span>
                      </a>
                      <a
                        aria-disabled="false"
                        aria-label="Zoom out"
                        class="leaflet-control-zoom-out"
                        href="#"
                        role="button"
                        title="Zoom out"
                      >
                        <span
                          aria-hidden="true"
                        >
                          −
                        </span>
                      </a>
                    </div>
                  </div>
                  <div
                    class="leaflet-top leaflet-right"
                  />
                  <div
                    class="leaflet-bottom leaflet-left"
                  />
                  <div
                    class="leaflet-bottom leaflet-right"
                  >
                    <div
                      class="leaflet-control-attribution leaflet-control"
                    >
                      <a
                        href="https://leafletjs.com"
                        title="A JavaScript library for interactive maps"
                      >
                        Leaflet
                      </a>
                       
                      <span
                        aria-hidden="true"
                      >
                        |
                      </span>
                       © 
                      <a
                        href="http://osm.org/copyright"
                      >
                        OpenStreetMap
                      </a>
                       contributors
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;