import creator, {div, li, ul} from 'dscript-deku'
 
import customComponent from './custom-component'
 
const customComponentCreator = creator(customComponent)
 
const handleClick = () => alert('hi')
 
export default ({props}) =>
  div('.list-container', {onClick: handleClick}, [
    customComponentCreator({total: props.total}),
    ul(
      props.items.map(item =>
        li([item.name])
      )
    )
  ])