import { Component } from '@angular/core';

@Component({
  selector: 'demo-app',
  template: `
    <div class="container">
      <h1>Font Awesome</h1>
      <div class="form">
        <div class="form-row">
          <label>Name:</label>
          <ag-fa-input icon="user" id="name-field">
            <input agInput placeholder="Enter your name">
          </ag-fa-input>
        </div>
        <div class="form-row">
          <label>Email:</label>
          <ag-fa-input icon="envelope" id="email-field">
            <input agInput type="email" name="email" placeholder="Enter your E-mail">
          </ag-fa-input>
        </div>
        <div class="form-row">
          <label>UserName:</label>
          <ag-fa-input icon="users">
            <input agInput placeholder="Enter your username">
          </ag-fa-input>
        </div>
        <div class="form-row">
          <label>Password:</label>
          <ag-fa-input icon="lock" id="password-field">
            <input agInput placeholder="Enter your password">
          </ag-fa-input>
        </div>
        <div class="form-row">
          <label>Mobile:</label>
          <ag-fa-input icon="mobile">
            <input agInput placeholder="Enter your mobile">
          </ag-fa-input>
        </div>
      </div>
    </div>
  `
})
export class AppComponent {

  constructor(){ }
}