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>`
}

@@ -886,21 +886,22 @@
 $%7Bprops.
-local
+handle
 InputCha

fix importing from local disk