text: import React, { Component } from 'react'
  import PropTypes from 'prop-types'
  import Select from 'react-select'
  
  // Subviews
  import JsonImportView from './json.js'
  
  import PrivateKeyImportView from './private-key.js'
  
  export default class AccountImportSubview extends Component {
    static contextTypes = {
      t: PropTypes.func,
    }
  
    state = {}
  
    getMenuItemTexts () {
      return [
        this.context.t('privateKey'),
        this.context.t('jsonFile'),
      ]
    }
  
    renderImportView () {
      const { type } = this.state
      const menuItems = this.getMenuItemTexts()
      const current = type || menuItems[0]
  
      switch (current) {
        case this.context.t('privateKey'):
          return <PrivateKeyImportView />
        case this.context.t('jsonFile'):
          return <JsonImportView />
        default:
          return <JsonImportView />
      }
    }
  
    render () {
      const menuItems = this.getMenuItemTexts()
      const { type } = this.state
  
      return (
        <div className="new-account-import-form">
          <div className="new-account-import-disclaimer">
            <span>{this.context.t('importAccountMsg')}</span>
            <span
              style={{
                cursor: 'pointer',
                textDecoration: 'underline',
              }}
              onClick={() => {
                global.platform.openTab({
                  url: 'https://support.brave.com/hc/en-us/articles/360035488071-How-do-I-manage-my-Crypto-Wallets-',
                })
              }}
            >
              {this.context.t('here')}
            </span>
          </div>
          <div className="new-account-import-form__select-section">
            <div className="new-account-import-form__select-label">
              {this.context.t('selectType')}
            </div>
            <Select
              className="new-account-import-form__select"
              name="import-type-select"
              clearable={false}
              value={type || menuItems[0]}
              options={menuItems.map((type) => {
                return {
                  value: type,
                  label: type,
                }
              })}
              onChange={(opt) => {
                this.setState({ type: opt.value })
              }}
            />
          </div>
          {this.renderImportView()}
        </div>
      )
    }
  }
  