# Lockup Text
## This component will render Vinli style titles/body text. Configurable options include:

* Body Text: The smaller text. Should be i18n string. Optional. Defaults to `null`
* Body Size: `xx-small || x-small || small || default || medium || large`. This will determine the size of the `bodyText`. Defaults to `default`.
* Align: `left || right || center`. If `titleUnderline` is present, this will also position that. Optional. Defaults to `left`.
* Condensed: Boolean. This is for the `titleText` only. Determines if the `titleText` is condensed. Optional. Defaults to `false`.
* Spacing: `small || default || large || x-large`. Determines the padding on top/bottom of component. Optional. Defaults to `default`
* Title Text: The larger text. Should be i18n string. Optional. Defaults to `null`
* Title Underline: `blue || green || white || inherit`. If color (or inherit) is present, this will add a scaled line below the `titleText`. Optional. Defaults to `null`
* Title Size: `small || default || large || x-large || xx-large || jumbo`. This will determine the size of the `titleText`. Jumbo may only be used if `condensed` is true. Optional. Defaults to `default`.
* Theme BG: `light || dark`. Determines if the text needs to be light or dark. Optional. Defaults to `light`.

### Usage
```handlebars
{{lk-text
  titleText={{t 'some.translated.string'}}
  bodyText={{t 'some.translated.string'}}
  bodySize='xx-small || x-small || small || default || medium || large'
  align='left || right || center'
  condensed=true || false
  spacing='small || default || large || x-large'
  titleUnderline='blue || green || white || inherit'
  titleSize='small || default || large || x-large || xx-large || jumbo'
  themeBG='light || dark'
}}
```