Show Progress Bar

'use client'

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

export function ShowProgressBarDemo() {
  const flipArrayHook = useFlashcardArray({
    deckLength: deck.length,
    showProgressBar: true,
  })

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