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

@Component({
  providers: [],
  templateUrl: './animated-card-demo.html'
})
export class 
 {
  sample1 = `
    <div nwbAnimatedCardClosed class="card">
          <header class="card-header">
            <p class="card-header-title">
              Click me !
            </p>
            <a class="card-header-icon">
              <span class="icon">
                <i class="fa fa-angle-down"></i>
              </span>
            </a>
          </header>
          <div class="card-content">
            <div class="content">
              <p>My Awesome hidden content</p>
            </div>
          </div>
    </div>
`;

  sample2 = `
    <div nwbAnimatedCardOpened class="card">
          <header class="card-header">
            <p class="card-header-title">
              Click me !
            </p>
            <a class="card-header-icon">
              <span class="icon">
                <i class="fa fa-angle-down"></i>
              </span>
            </a>
          </header>
          <div class="card-content">
            <div class="content">
              <p>My Awesome content</p>
            </div>
          </div>
    </div>
`;
}

AnimatedCardDemo