import { h, Children, concatClassName } from 'lib/h'

export function raw(attrs: object, ...children: Children): Element {
  return h('button',
    concatClassName(attrs, 'g-Button__Raw'),
    ...children
  )
}

export function text(attrs: object, ...children: Children): Element {
  return h('button',
    concatClassName(attrs, 'g-Button__Text'),
    ...children
  )
}

export function action(attrs: object, ...children: Children): Element {
  return h('button',
    concatClassName(attrs, 'g-Button__Action'),
    ...children
  )
}

export function cancel(attrs: object, ...children: Children): Element {
  return h('button',
    concatClassName(attrs, 'g-Button__Cancel'),
    ...children
  )
}