Sha256: 547003e2eddde2b468e59005414beb717eb8d54c9e0b81ef947e10f6f081fb11

Contents?: true

Size: 708 Bytes

Versions: 25

Compression:

Stored size: 708 Bytes

Contents

/* @flow */

import { noop } from 'lodash'
import React, { useState } from 'react'

import Slide from './Slide'

type SlidesType = {
  urls: Array<string>,
  current: number,
  onChange: (index: number) => void,
  onClick: (index: number) => void,
}

export default function Slides({
  urls = [],
  current = 0,
  onChange = noop,
}: SlidesType): React.ReactElement {
  const [zooming, setZooming] = useState(false)

  const handleZoom = (isZooming: boolean) => setZooming(isZooming)
  return (
    <div
        className="Slides"
    >
      <Slide
          onClick={() => onChange(current)}
          onZoom={handleZoom}
          url={urls[current]}
          zooming={zooming}
      />
    </div>
  )
}

Version data entries

25 entries across 25 versions & 1 rubygems

Version Path
playbook_ui-11.6.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.6.0 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.6.0.pre.alpha.rubocopperf1 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.6.1.pre.alpha.rubocop.pre.performance1 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.5.0.pre.alpha.pre.rubocop app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.6.0.pre.alpha.momenttz1 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.5.0 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.4.0.pre.alpha.rubytheme2 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.4.0.pre.alpha.rubytheme1 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.4.0 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.3.0.pre.alpha2 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.3.0.pre.alpha1 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.3.0 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.2.7 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.2.6 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.2.5 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx
playbook_ui-11.2.4 app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx