Random HTML component

RandomElement.jsx

import {tags, voids} from './tags.js'

export default function RandomElement (props) {
  var value = props.value ? props.value : Math.floor(Math.random()*tags.length)
  var Tag = tags[value]
  if(voids[Tag]){
    return(
      <Tag/>
      )
  }
  else{
  return(
    <Tag>{props.children}</Tag>
    )
  }
}

tags.js

const tags = [
  'a',
  'abbr',
  'address',
  'article',
  'aside',
  'b',
  'bdi',
  'bdo',
  'blockquote',
  'button',
  'canvas',
  'caption',
  'cite',
  'code',
  'details',
  'dfn',
  'dialog',
  'div',
  'em',
  'footer',
  'form',
  'header',
  'h1',
  'h2',
  'h3',
  'h4',
  'h5',
  'h6',
  'i',
  'input',
  'ins',
  'kbd',
  'keygen',
  'label',
  'legend',
  'li',
  'main',
  'mark',
  'menu',
  'nav',
  'noscript',
  'object',
  'ol',
  'optgroup',
  'output',
  'p',
  'param',
  'pre',
  'progress',
  'q',
  's',
  'samp',
  'section',
  'select',
  'small',
  'span',
  'strong',
  'sub',
  'sup',
  'table',
  'tbody',
  'td',
  'textarea',
  'tfoot',
  'th',
  'thead',
  'time',
  'title',
  'tr',
  'u',
  'ul'
]
const voids = {
  'area',
  'base',
  'input',
  'meta',
  'param',
  'keygen'
}
export {tags, voids}