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

exports[`CarUpdateStatusProgress Render download_complete 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-365"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-372 makeStyles-progressSuccess-373"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-365"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-372 makeStyles-progressSuccess-373"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-365"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-372 makeStyles-progressSuccess-373"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-365"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-372"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-365"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-372"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-365"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-372"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-365"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-372"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-365"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-372"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render download_error 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-491"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-498 makeStyles-progressSuccess-499"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-491"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-498 makeStyles-progressSuccess-499"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-491"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-498 makeStyles-progressSuccess-499"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-491"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-498 makeStyles-progressError-500"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-491"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-498"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-491"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-498"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-491"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-498"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-491"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-498"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render download_start ECU 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-239"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-246 makeStyles-progressSuccess-247"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-239"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-246 makeStyles-progressSuccess-247"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-239"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-246 makeStyles-progressSuccess-247"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-239"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-246"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-239"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-246"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-239"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-246"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-239"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-246"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-239"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-246"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render download_started 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-176"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-183"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-176"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-183"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-176"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-183"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-176"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-183"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-176"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-183"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-176"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-183"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-176"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-183"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-176"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-183"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render downloading 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-302"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-309 makeStyles-progressSuccess-310"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-302"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-309 makeStyles-progressSuccess-310"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-302"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-309 makeStyles-progressSuccess-310"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-302"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-309"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-302"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-309"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-302"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-309"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-302"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-309"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-302"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-309"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render install_complete ECU 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-617"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-624 makeStyles-progressSuccess-625"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-617"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-624 makeStyles-progressSuccess-625"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-617"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-624 makeStyles-progressSuccess-625"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-617"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-624 makeStyles-progressSuccess-625"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-617"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-624 makeStyles-progressSuccess-625"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-617"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-624"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-617"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-624"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-617"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-624"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render install_error 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-680"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-687 makeStyles-progressSuccess-688"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-680"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-687 makeStyles-progressSuccess-688"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-680"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-687 makeStyles-progressSuccess-688"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-680"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-687 makeStyles-progressSuccess-688"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-680"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-687 makeStyles-progressSuccess-688"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-680"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-687 makeStyles-progressError-689"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-680"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-687"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-680"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-687"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render installing 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-554"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-561 makeStyles-progressSuccess-562"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-554"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-561 makeStyles-progressSuccess-562"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-554"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-561 makeStyles-progressSuccess-562"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-554"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-561 makeStyles-progressSuccess-562"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-554"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-561 makeStyles-progressSuccess-562"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-554"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-561"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-554"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-561"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-554"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-561"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render manifest_accepted 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-113"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-120 makeStyles-progressSuccess-121"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-113"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-120 makeStyles-progressSuccess-121"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-113"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-120"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-113"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-120"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-113"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-120"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-113"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-120"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-113"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-120"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-113"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-120"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render manifest_received 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-50"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-57 makeStyles-progressSuccess-58"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-50"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-57 makeStyles-progressSuccess-58"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-50"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-57"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-50"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-57"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-50"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-57"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-50"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-57"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-50"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-57"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-50"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-57"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;

exports[`CarUpdateStatusProgress Render package_download_complete 1`] = `
<div>
  <div
    style="width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;"
  >
    <div
      class="makeStyles-textCenterAlign-428"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-435 makeStyles-progressSuccess-436"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Pending
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-428"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-435 makeStyles-progressSuccess-436"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Received
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-428"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-435 makeStyles-progressSuccess-436"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Precondition
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-428"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-435 makeStyles-progressSuccess-436"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Download
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-428"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-435"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Approved
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-428"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-435"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Install
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-428"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-435"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Clean up
      </p>
    </div>
    <div
      class="makeStyles-textCenterAlign-428"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root makeStyles-progressIcon-435"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
        />
      </svg>
      <p
        class="MuiTypography-root MuiTypography-body1"
      >
        Updated
      </p>
    </div>
  </div>
</div>
`;