text: import Taro, { Component } from '@tarojs/taro'
  import PropTypes from 'prop-types';
  import { View, Text } from '@tarojs/components'
  import { AtIcon } from 'taro-ui'
  
  import './contentListItem.scss'
  
  export default class ContentListItem extends Component {
    static propTypes = {
      item: PropTypes.object,
    }
  
    static defaultProps = {
      item: null,
    }
  
    render() {
      const { item } = this.props
      if (!item) return <View />
      return (
        <View className='content'>
          <View className='title_view'>
            <AtIcon value={item.type === 'tree' ? 'folder' : 'file-generic'}
                    size='20'
                    color='#7f7f7f' />
            <Text className='content_title'>{item.path}</Text>
          </View>
          {
            item.type === 'tree' &&
            <AtIcon value='chevron-right' size='20' color='#7f7f7f' />
          }
        </View>
      )
    }
  }
  