{{!-- Save Camera Layout Dialog --}}
<form class="preset-save-dialog__form">

  <div class="preset-save-dialog__header">
    <i class="fas fa-bookmark preset-save-dialog__header-icon"></i>
    <p class="preset-save-dialog__description">{{descriptionHint}}</p>
  </div>

  <div class="preset-save-dialog__body">
    <div class="preset-save-dialog__field">
      <label class="preset-save-dialog__label" for="presetName">
        {{nameLabel}}
      </label>
      <input 
        type="text" 
        id="presetName" 
        name="presetName"
        class="preset-save-dialog__input"
        value="{{defaultName}}"
        placeholder="{{namePlaceholder}}"
        aria-label="{{nameLabel}}"
        autocomplete="off"
        maxlength="100"
      >
    </div>
  </div>

  <footer class="preset-save-dialog__footer">
    <button type="button" class="preset-save-dialog__btn preset-save-dialog__btn--cancel" data-action="cancel">
      <i class="fas fa-times"></i>
      {{cancelLabel}}
    </button>
    <button type="submit" class="preset-save-dialog__btn preset-save-dialog__btn--save">
      <i class="fas fa-bookmark"></i>
      {{saveLabel}}
    </button>
  </footer>
</form>