/**
 * Image for list item.
 * @class ApListItemImage
 */

'use strict'

import React, {PropTypes as types} from 'react'
import classnames from 'classnames'
import {ApImage} from 'apeman-react-image'

/** @lends ApListItemImage */
const ApListItemImage = React.createClass({

  // --------------------
  // Specs
  // --------------------

  propTypes: {
    src: types.string,
    alt: types.string,
    scale: types.oneOf([ 'fit', 'fill', 'none' ]),
    width: types.number,
    height: types.number
  },

  mixins: [],

  statics: {},

  getInitialState () {
    return {}
  },

  getDefaultProps () {
    return {
      src: null,
      alt: null,
      width: null,
      height: null,
      scale: 'fill'
    }
  },

  render () {
    const s = this
    let { props } = s

    return (
      <span className={ classnames('ap-list-item-image', props.className) }>
                <ApImage src={ props.src }
                         alt={ props.alt }
                         scale={ props.scale }
                         width={ props.width }
                         height={ props.height }
                />
            </span>
    )
  }

})

export default ApListItemImage