<style include="multidevice-setup-shared cros-color-overrides">
:host {
width: 100%;
}
multidevice-setup {
--multidevice-setup-width: 768px;
--iron-pages-overflow: visible;
}
#backward-button,
#cancel-button,
#forward-button {
align-items: center;
display: flex;
justify-content: center;
text-transform: none;
}
</style>
<multidevice-setup delegate="[[delegate_]]"
on-setup-exited="onExitRequested_"
on-forward-button-focus-requested="onForwardButtonFocusRequested_"
on-visible-page-name-changed="onVisiblePageNameChanged_"
forward-button-text-id="{{forwardButtonTextId_}}"
forward-button-disabled="{{forwardButtonDisabled_}}"
cancel-button-text-id="{{cancelButtonTextId_}}"
backward-button-text-id="{{backwardButtonTextId_}}">
<cr-button id="backward-button"
slot="backward-button" class="cancel-button">
[[getButtonText_(backwardButtonTextId_)]]
</cr-button>
<cr-button id="cancel-button"
slot="cancel-button" class="cancel-button">
[[getButtonText_(cancelButtonTextId_)]]
</cr-button>
<cr-button id="forward-button"
slot="forward-button" class="action-button"
disabled$="[[forwardButtonDisabled_]]">
[[getButtonText_(forwardButtonTextId_)]]
</cr-button>
</multidevice-setup>