chrome/browser/resources/chromeos/multidevice_setup/button_bar.html

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">

<!-- TODO(jordynass): Implement OOBE style and make the visible style dependent
on the MultiDeviceSetup.uiMode property. -->
<dom-module id="button-bar">
  <template>
    <style include="iron-flex paper-button-style cr-shared-style">
      :host {
        @apply(--layout-end-justified);
        @apply(--layout-horizontal);
      }

      paper-button {
        @apply(--layout-center-center);
        text-transform: none;
      }
    </style>
    <div class="flex"></div>
    <paper-button id="backward"
        on-click="onBackwardButtonClicked_"
        class="cancel-button"
        hidden$="[[!backwardButtonText]]">
      [[backwardButtonText]]
    </paper-button>
    <paper-button id="forward"
        on-click="onForwardButtonClicked_"
        class="action-button"
        disabled$="[[forwardButtonDisabled]]"
        hidden$="[[!forwardButtonText]]">
      [[forwardButtonText]]
    </paper-button>
  </template>
  <script src="button_bar.js"></script>
</dom-module>