Large Dialog@1.0.0

<div class="c-curtain">
  <div class="c-large-dialog">
    <div class="c-large-dialog__header">
      <h1 class="c-large-dialog__title">Foo Bar</h1>
      <div class="c-search__icon material-icons">search</div>
    </div>

    <div class="c-large-dialog__content">
      <div class="c-text-field" style="width: 320px;">
          <input 
              class="c-text-field__input" 
              type="text" 
              id="tf-box" 
          />
          <label for="tf-box" class="c-text-field__label">Text field</label>
          <p class="c-text-field__helper-text">Helper text (possibly validation message)</p>
      </div>
      <div class="c-text-field" style="width: 320px;">
          <input 
              class="c-text-field__input" 
              type="text" 
              id="tf-box" 
          />
          <label for="tf-box" class="c-text-field__label">Text field</label>
          <p class="c-text-field__helper-text">Helper text (possibly validation message)</p>
      </div>
    </div>

    <div class="c-large-dialog__buttons">
      <button class="c-button-flat--yellow">
          Baz
      </button>
      <button class="c-button-flat--dark">
          Cancel
      </button>

    </div>
  </div>
</div>