//~OPTIONS
{
  clientRendering: true,
  autoUpdate:      true,
}
//~ARGUMENTS
{
  fcfClassInner: "fcf-dialog-container",
  fcfStyleInner: "margin-left:-9999px; margin-top:-9999px",
  title:        "",
  content:      "Content",

  position:     "center",
  modal:        true,
  buttons:      fcf.argVal([
                  fcf.argTmpl("@controls:button", {title: "Ok", fcfEventClick: "parent.destroy()"}),
                ])
}

//~TEMPLATE
<div class="fcf-dialog">
    <div class="fcf-dialog-title">
      ${{args.title}}$
    </div>
  <div class="fcf-dialog-content" name="body">
    ${{args.content}}$
  </div>
  <div class="fcf-dialog-buttons">
    %{{ for(var i = 0; i < args.buttons.length; ++i) { }}%
      @{{args.buttons[i]}}@
    %{{ } }}%
  </div>
</div>
