import icon from './utils/icons/icon'
import createElement from './utils/dom/createElement'
import addClass from './utils/dom/addClass'

const _createButton = (button, rounded = true) => {
  const $icon = icon(button.icon, {
    iconSet: button.iconSet || 'outline',
    color: button.color || '',
    size: button.size
  })
  const $anchor = createElement(
    'a',
    {
      className: `outline-toolbar__anchor`,
      href: button.link
    },
    $icon
  )
  const $button = createElement(
    'div',
    {
      className: `outline-toolbar__button ${button.name}`,
      'data-cmd': button.name
    },
    [button.link ? $anchor : $icon]
  )

  addClass($icon, 'outline-toolbar__icon')

  if (rounded) {
    addClass($button, 'outline-toolbar_rounded')
  }

  if (button.disabled) {
    addClass($button, 'outline-toolbar_disabled')
  }

  return $button
}

export default _createButton