content: import cx from 'classnames'
  import PropTypes from 'prop-types'
  import React from 'react'
  
  import {
    createShorthandFactory,
    getUnhandledProps,
    META,
    SUI,
    useVerticalAlignProp,
  } from '../../lib'
  import Icon from '../Icon/Icon'
  
  /**
   * A list item can contain an icon.
   */
  function ListIcon(props) {
    const { className, verticalAlign } = props
    const classes = cx(
      useVerticalAlignProp(verticalAlign),
      className,
    )
    const rest = getUnhandledProps(ListIcon, props)
  
    return <Icon {...rest} className={classes} />
  }
  
  ListIcon._meta = {
    name: 'ListIcon',
    parent: 'List',
    type: META.TYPES.ELEMENT,
  }
  
  ListIcon.propTypes = {
    /** Additional classes. */
    className: PropTypes.string,
  
    /** An element inside a list can be vertically aligned. */
    verticalAlign: PropTypes.oneOf(SUI.VERTICAL_ALIGNMENTS),
  }
  
  ListIcon.create = createShorthandFactory(ListIcon, name => ({ name }))
  
  export default ListIcon
  