old_contents: import html from '../../core/html'
  import { localIcon } from './icons'
  
  export default (props) => {
    return html`<div class="UppyDashboardTabs">
      <h3 class="UppyDashboardTabs-title">${props.i18n('importFrom')}:</h3>
      <nav>
        <ul class="UppyDashboardTabs-list" role="tablist">
          <li class="UppyDashboardTab">
            <button class="UppyDashboardTab-btn UppyDashboard-focus"
                    role="tab"
                    tabindex="0"
                    onclick=${(ev) => {
                      const input = document.querySelector(`${props.container} .UppyDashboard-input`)
                      input.click()
                    }}>
              ${localIcon()}
              <h5 class="UppyDashboardTab-name">${props.i18n('localDisk')}</h5>
            </button>
            <input class="UppyDashboard-input" type="file" name="files[]" multiple="true"
                   onchange=${props.localInputChange} />
          </li>
          ${props.acquirers.map((target) => {
            return html`<li class="UppyDashboardTab">
              <button class="UppyDashboardTab-btn"
                      role="tab"
                      tabindex="0"
                      aria-controls="${props.panelSelectorPrefix}--${target.id}"
                      aria-selected="${target.isHidden ? 'false' : 'true'}"
                      onclick=${() => props.showPanel(target.id)}>
                ${target.icon}
                <h5 class="UppyDashboardTab-name">${target.name}</h5>
              </button>
            </li>`
          })}
        </ul>
      </nav>
    </div>`
  }
  
new_contents: import html from '../../core/html'
  import { localIcon } from './icons'
  
  export default (props) => {
    return html`<div class="UppyDashboardTabs">
      <h3 class="UppyDashboardTabs-title">${props.i18n('importFrom')}:</h3>
      <nav>
        <ul class="UppyDashboardTabs-list" role="tablist">
          <li class="UppyDashboardTab">
            <button class="UppyDashboardTab-btn UppyDashboard-focus"
                    role="tab"
                    tabindex="0"
                    onclick=${(ev) => {
                      const input = document.querySelector(`${props.container} .UppyDashboard-input`)
                      input.click()
                    }}>
              ${localIcon()}
              <h5 class="UppyDashboardTab-name">${props.i18n('localDisk')}</h5>
            </button>
            <input class="UppyDashboard-input" type="file" name="files[]" multiple="true"
                   onchange=${props.handleInputChange} />
          </li>
          ${props.acquirers.map((target) => {
            return html`<li class="UppyDashboardTab">
              <button class="UppyDashboardTab-btn"
                      role="tab"
                      tabindex="0"
                      aria-controls="${props.panelSelectorPrefix}--${target.id}"
                      aria-selected="${target.isHidden ? 'false' : 'true'}"
                      onclick=${() => props.showPanel(target.id)}>
                ${target.icon}
                <h5 class="UppyDashboardTab-name">${target.name}</h5>
              </button>
            </li>`
          })}
        </ul>
      </nav>
    </div>`
  }
  
subject: fix importing from local disk