<style include="cr-shared-style shimless-rma-shared">
.large-icon {
height: 200px;
width: 300px;
}
#navigationButtonWrapper {
bottom: var(--header-footer-height);
position: absolute;
right: var(--content-container-padding);
}
#errorMessageDiv {
border-bottom: var(--cr-separator-line);
margin-bottom: 16px;
}
#errorCode {
text-align: end;
}
</style>
<base-page>
<div slot="left-pane">
<h1 tabindex="-1">[[i18n('hardwareErrorTitle')]]</h1>
<div id="errorMessageDiv" class="icon-message">
<iron-icon icon="shimless-icon:warning" class="warning-icon small-icon">
</iron-icon>
<div class="instructions">[[i18n('hardwareErrorMessage')]]</div>
</div>
<div id="errorCode" class="instructions">
[[getErrorCodeString(errorCode)]]
</div>
<div id="navigationButtonWrapper">
<cr-button id="shutDownButton" class="action-button"
on-click="onShutDownButtonClicked" disabled="[[allButtonsDisabled]]">
[[i18n('hardwareErrorShutDownButton')]]
</cr-button>
</div>
</div>
<div slot="right-pane">
<div class="illustration-wrapper" aria-hidden="true">
<img class="illustration" src="illustrations/error.svg"
alt="[[i18n('errorAltText')]]">
</div>
</div>
</base-page>