yoyo-bootstrap/thumbnail.js

Bootstrap components for the actual DOM (built with yoyo)

const yo = require('yo-yo')
const Children = require('./children')
require('./less/thumbnails.less')

const Thumbnail = function (props) {
  props = props || {}

  var src = (props.src && props.src + ' ' || ' ')
  var alt = (props.alt && props.alt + ' ' || ' ')
  var className = (props.bsClass && props.bsClass + ' ' || 'thumbnail ')
  var href = (props.href && props.href + ' ' || ' ')

  return props.href && yo `
    <a href="${href}" class="${className}" role="button">
      <img src="${src}" alt="${alt}" />
    </a>
    ` || yo `
    <div src="${src}" class="${className}" alt="${alt}">
      <img src="${src}" alt="${alt}" />
      <div class="caption">
        ${Children(arguments)}
      </div>
    </div>
    `
}

module.exports = Thumbnail