const Component = {
  props: ['name'],
  render (h) {
    return h('p', {
      class: ['component', this.name]
    }, this.name)
  }
}

// When the child component is a pure presentation component,
// we want to be able to display a sub-component with minimal info,
// rather than stubbing it directly.
export default function mockComponent (name) {
  return {
    render (h) {
      return h(Component, { props: { name }})
    }
  }
}