text: import Vue from 'vue'
  
  export default Vue.extend({
    name: 'HeroIconViewBoards',
    functional: true,
    props: {
      size: { type: Number, default: 0 },
    },
    render (createElement, context) {
      const data = { ...context.data }
      if (context.props.size) {
        data.attrs.width = context.props.size
        data.attrs.height = context.props.size
      }
      data.attrs = {
        ...data.attrs,
        viewBox: `0 0 24 24`,
        xmlns: 'http://www.w3.org/2000/svg',
        fill: 'none',
        stroke: 'currentColor',
      }
      if (!data.domProps) data.domProps = {}
      data.domProps.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"/>'
      return createElement('svg', data)
    },
  })
  