apeman-react-icon

'use strict'
 
import React from 'react'
import ApIcon from '../../lib/ap_icon'
import ApIonIcon from '../../lib/ap_ion_icon'
import ApFaIcon from '../../lib/ap_fa_icon'
import {FONT_AWESOME_CDN, ICON_ICONS_CDN} from '../../lib/cdn_constants'
import {FA_TYPES, ION_TYPES} from '../../lib/type_constants'
 
const Demo = React.createClass({
  render () {
    return (
      <div className='screenshot-target'>
        <link rel='stylesheet' href={ FONT_AWESOME_CDN }/>
        <link rel='stylesheet' href={ ICON_ICONS_CDN }/>
        <div>
          {
            FA_TYPES.split(',').map((type) => (
              <ApFaIcon type={ type } key={ type }/>
            ))
          }
        </div>
        <div>
          <div>
            {
              ION_TYPES.split(',').map((type) => (
                <ApIonIcon type={ type } key={ type }/>
              ))
            }
          </div>
        </div>
        <div>
          <ApIcon className='ion an-invalid-style-class'/>
        </div>
      </div>
    )
  }
})
 
export default Demo