1  import React from 'react'
 2  import PropTypes from 'prop-types'
 3  import ExchangesIcon from './ExhangesIcon'
 4  import MarketplacesIcon from './MarketplacesIcon'
 5  import GamesIcon from './GamesIcon'
 6  import UtilitiesIcon from './UtilitiesIcon'
 7  import OtherIcon from './OtherIcon'
 8  import CollectiblesIcon from './CollectiblesIcon'
 9  import SocialNetworksIcon from './SocialNetworksIcon'
10  
11  const icons = {
12    EXCHANGES: ExchangesIcon,
13    MARKETPLACES: MarketplacesIcon,
14    GAMES: GamesIcon,
15    UTILITIES: UtilitiesIcon,
16    OTHER: OtherIcon,
17    COLLECTIBLES: CollectiblesIcon,
18    SOCIAL_NETWORKS: SocialNetworksIcon,
19    MEDIA: GamesIcon, // TODO: Need to get this asset from design
20  }
21  
22  const CategoryIcon = props => {
23    const { category } = props
24    const Icon = icons[category]
25    return <Icon />
26  }
27  
28  CategoryIcon.propTypes = {
29    category: PropTypes.string.isRequired,
30  }
31  
32  export default CategoryIcon