import { Component, Input, OnInit, ViewChild } from '@angular/core';
import { faChevronCircleUp } from '@fortawesome/free-solid-svg-icons';
import { OwlOptions } from 'ngx-owl-carousel-o';
import 'swiper/scss';
import 'swiper/scss/navigation';
import 'swiper/scss/pagination';
@Component({
  selector: 'app-slide-sites',
  templateUrl: './slide-sites.component.html',
  styleUrls: ['./slide-sites.component.scss'],
})
export class SlideSitesComponent implements OnInit {
  icon_chevron_up = faChevronCircleUp;
  @ViewChild('album-rotator-holder') albumRotator: any;
  
  customOptions: OwlOptions = {
    loop: true,
    mouseDrag: true,
    autoplay: false,
    autoplayTimeout: 2000,
    autoplayHoverPause:true,
    touchDrag: false,
    pullDrag: false,
    dots: false,
    margin:10,
    navSpeed: 700,
    navText : ['<i class="nav-btn prev-slide"></i>','<i class="nav-btn next-slide"></i>'],
    nav: true,
    responsive: {
        0: {
          items: 1,
          nav: true
        },
        600: {
          items: 1,
          nav: true
        },
        1000: {
          items: 2,
          nav: true,
          loop: true
        },
        1500: {
          items: 4,
          nav: true,
          loop: true
        }
      }
  }

  constructor() {}
  
  ngOnInit() {}
}