Cycling Flashcard Array

'use client'

import { FlashcardArray, IFlashcard, useFlashcardArray } from 'react-quizlet-flashcard'
import 'react-quizlet-flashcard/dist/index.css'

export default function CyclingArray() {
  const deck: IFlashcard[] = [...]

  const flipArrayHook = useFlashcardArray({
    cycle: true,
    deckLength: deck.length,
  })

  return (
    <FlashcardArray
      flipArrayHook={flipArrayHook}
      deck={deck}
    />
  )
}