<ol class="breadcrumb">
  <li>Interfaces</li>
  <li>{{name}}</li>
</ol>

{{#unless disableSourceCode}}
<ul class="nav nav-tabs" role="tablist">
    <li class="active">
        <a href="#infos" id="infos-tab" role="tab" data-toggle="tab">Infos</a>
    </li>
    <li>
        <a href="#source" role="tab" id="source-tab" data-toggle="tab">Source</a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="infos">
        {{/unless}}
        <p class="comment">
            <h3>File</h3>
        </p>
        <p class="comment">
            <code>{{interface.file}}</code>
        </p>

        {{#if interface.description}}
            <p class="comment">
                <h3>Description</h3>
            </p>
            <p class="comment">
                {{{parseDescription interface.description}}}
            </p>
        {{/if}}

        {{#if interface.methods}}
            {{> block-method methods=interface.methods }}
        {{/if}}

        {{#if interface.indexSignatures}}
            {{> block-index indexables=interface.indexSignatures }}
        {{/if}}

        {{#if interface.properties}}

            <section>
                <h3 id="inputs">Properties</h3>
                {{#each interface.properties}}
                    <table class="table table-sm table-bordered">
                        <tbody>
                            {{#if name}}
                                <tr>
                                    <td class="col-md-4">
                                        <b>{{name}}</b>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="col-md-4">
                                        <code>{{name}}: {{> link-type type=type }}</bcode>
                                    </td>
                                </tr>


                                {{#if type}}
                                    <tr>
                                        <td class="col-md-4">
                                            <i>Type : </i>{{> link-type type=type }}
                                        </td>
                                    </tr>
                                {{/if}}

                                {{#if defaultValue}}
                                    <tr>
                                        <td class="col-md-4">
                                            <i>Default value: </i><code>{{defaultValue}}</code>
                                        </td>
                                    </tr>
                                {{/if}}

                            {{else}}

                                {{#if args}}
                                    <tr>
                                        <td class="col-md-4">
                                            <i>Signature :</i>
                                            <code>
                                                <!--ts.SyntaxKind.CallSignature-->
                                                {{#compare ../interface.kind "===" 151 }}
                                                    {{{functionSignature this}}}
                                                {{else}}
                                                    {{indexableSignature this}}
                                                {{/compare}}
                                            </code>
                                        </td>
                                    </tr>
                                {{/if}}


                                {{#if returnType}}
                                    <tr>
                                        <td class="col-md-4">
                                            <i>Returns : </i>{{> link-type type=returnType }}
                                        </td>
                                    </tr>
                                {{/if}}

                            {{/if}}

                            {{#if description}}
                            <tr>
                                <td class="col-md-4">
                                    <div class="io-description">{{{parseDescription description}}}</div>
                                </td>
                            </tr>
                            {{/if}}
                        </tbody>
                    </table>
                {{/each}}
            </section>
        {{/if}}
    {{#unless disableSourceCode}}
    </div>
    <div class="tab-pane fade tab-source-code" id="source">
        <pre><code class="hljs javascript">{{ interface.sourceCode}}</code></pre>
    </div>
</div>
{{/unless}}
