## This component will render Vinli style button. Configurable options include:

* action: action to be executed, you may also pass a paremeter using the action helper `action=(action 'doThis' paremeter)`
* hook: `name of data-test attribute`.
* default:The smaller text. Should be i18n string. Optional. Defaults to `null`
* isWorking: `isWorking`
* pending: Should be i18n string. Spinner!
* size: `small || default || medium || large`. Determines the size of the button.
* theme: `normal || off-light || transparent || link || danger || success`. This will determine the color of the button. Not passing a theme, defualts to normal.

### Usage
```handlebars
{{vinli-button
  action=(perform fancyTask)
  hook='testing'
  default=(t 'some.translated.string')
  isWorking=fancyTask.isRunning
  pending=(t 'some.translated.string')
  size=`small || default || medium || large`
  theme=`normal || off-light || transparent || link || danger`
}}
```


## Vinli Button Group
## This component will render Vinli button group. Configurable options include:

  * align: `right || center || left`
  * children: `flex-grow`. Will turn every btn children into `flex: 1`

### Usage
```handlebars
{{#vinli-button-group align=`right || center || left`  children=`flex-grow`}}
  {{vinli-button
    action=(perform fancyTask)
    hook='testing'
    default='Translate'
    isWorking=fancyTask.isRunning
    pending='Translating...'
    theme='normal'
  }}

  {{vinli-button
    action=(perform fancyTask)
    hook='testing'
    default='Translate'
    isWorking=fancyTask.isRunning
    pending='Translating...'
    theme='off-light'
  }}

  {{vinli-button
    action=(perform fancyTask)
    hook='testing'
    default='Translate'
    isWorking=fancyTask.isRunning
    pending='Translating...'
    theme='off-light'
  }}
{{/vinli-button-group}}
```