import {Component} from '@angular/core';
import {DEMO_SNIPPETS} from './demos';

@Component({
  selector: 'ngbd-carousel',
  template: `
    <ngbd-component-wrapper component="Carousel">
      <ngbd-api-docs directive="NgbCarousel"></ngbd-api-docs>
      <ngbd-api-docs directive="NgbSlide"></ngbd-api-docs>
      <ngbd-api-docs-class type="NgbSlideEvent"></ngbd-api-docs-class>
      <ngbd-api-docs-config type="NgbCarouselConfig"></ngbd-api-docs-config>
      <ngbd-example-box demoTitle="Carousel" [snippets]="snippets" component="carousel" demo="basic">
        <ngbd-carousel-basic></ngbd-carousel-basic>
      </ngbd-example-box>
      <ngbd-example-box demoTitle="Global configuration of carousels" [snippets]="snippets" component="carousel" demo="config">
        <ngbd-carousel-config></ngbd-carousel-config>
      </ngbd-example-box>
    </ngbd-component-wrapper>
  `
})
export class NgbdCarousel {
  snippets = DEMO_SNIPPETS;
}