sgpl/components/crate.js

import { h } from 'preact'
const toOmit = {
  children: true,
  single: true,
  title: true,
  centered: true,
  className: true
}
const getRest = props => {
  const rest = {}
  for (const key in props) {
    if (!toOmit[key]) {
      rest[key] = props[key]
    }
  }
  return rest
}

export default props => {
  const {children, single, title, centered, className} = props
  const rest = getRest(props)
  return (
    h('div', Object.assign(
      {className: `fl w-100 pb3 pb0-l ph3 ph0-ns ${single ? '' : 'w-50-l'} ${className || ''}`},
      rest
    ), [
      h('div', {className: `${centered ? 'tc' : 'tl'}`}, [
        title && h('h3', null, [title]),
        children
      ])
    ])
  )
}