import { Component, OnInit, ViewChild } from '@angular/core';
import { faChevronCircleUp } from '@fortawesome/free-solid-svg-icons';
import { OwlOptions } from 'ngx-owl-carousel-o';
@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:1,
    navSpeed: 700,
    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
    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() {}
}