title: ng-multiselect-dropdown - 'IDropdownSettings' only refers to a type, but is being used as a value here
body: <p>I am trying to use <a href="https://www.npmjs.com/package/ng-multiselect-dropdown" rel="noreferrer"><code>ng-multiselect-dropdown</code></a> in my angular app. </p>
  
  <p>I am getting this error is VSCode when I am defining the settings:</p>
  
  <blockquote>
    <p>'IDropdownSettings' only refers to a type, but is being used as a value here.ts(2693)</p>
  </blockquote>
  
  <p>I have imported the module using <code>npm i ng-multiselect-dropdown</code> and I have defined in <code>app.module.ts</code>. I was following the guide <a href="https://www.npmjs.com/package/ng-multiselect-dropdown" rel="noreferrer">here</a>.</p>
  
  <p>I this how my settings look in my <code>page.component.ts</code>:</p>
  
  <pre><code>import { IDropdownSettings } from 'ng-multiselect-dropdown'
  
  export class VQCComponent implements OnInit {
    dropdownSettings = {};
  
    ngOnInit() {
       this.dropdownSettings:IDropdownSettings = {
          singleSelection: false,
          idField: 'item_id',
          textField: 'item_text',
          selectAllText: 'Select All',
          unSelectAllText: 'Unselect All',
          itemsShowLimit: 3,
          allowSeachFilter: true
       }
    }
  }
  </code></pre>
  
  <p>The error is being highlighted on this line:</p>
  
  <pre><code>    this.dropdownSettings:IDropdownSettings = {
  </code></pre>
  
  <p>What is causing this error? I have followed the guide, and I cannot seem to find any other documentation on this module.</p>