All files / components/Carousel Carousel.js

100% Statements 3/3
100% Branches 0/0
100% Functions 1/1
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25                  1x               1x 1x            
// @flow
 
import "./slick.css"
import "./slick-theme.css"
import { type ComponentProps } from "."
import React from "react"
import Slick from "react-slick"
import { Wrapper } from "./styled"
 
const slickSettings = {
  dots: true,
  infinite: true,
  slidesToScroll: 1,
  slidesToShow: 1,
  speed: 500
}
 
const Carousel = ({ children }: ComponentProps): React$Node => (
  <Wrapper>
    <Slick {...slickSettings}>{children}</Slick>
  </Wrapper>
)
 
export default Carousel