# Icon

import * as React from 'react'
import * as ReactDOM from 'react-dom'
import Icon, { IconType } from '../index'

const iconList: IconType[] = [
  'arrowRight',
  'arrowUnder',
  'arrowOn',
  'closePop',
  'navBack',
  'selectDownRadio',
  'navSearch',
  'selectUp',
  'warning',
  'success',
  'failure',
  'wait',
  'delete',
  'add',
  'less',
  'notice',
  'refresh',
  'close',
  'slide',
  'hot',
  'friendColor',
  'friendWhite',
  'qq',
  'wechatGreen',
  'wechatWhite'
]
class IconDemo extends React.Component {
  state = {}

  render() {
    return (
      <div>
        <h3>icon</h3>

        <ul>
          {iconList.map((type, index) => (
            <li key={`icon-${index}`}>
              <Icon type={type} />
              <br />
              {type}
            </li>
          ))}
        </ul>
      </div>
    )
  }
}