dramaling-vocab-learning/frontend/components/learn-backup/learn/tests/FlipMemoryTest.tsx

25 lines
672 B
TypeScript

interface FlipMemoryTestProps {
currentCard: any
cardHeight: number
isFlipped: boolean
onFlip: () => void
onReportError: () => void
onNavigate: (direction: string) => void
currentCardIndex: number
totalCards: number
cardContainerRef: any
cardFrontRef: any
cardBackRef: any
}
export const FlipMemoryTest: React.FC<FlipMemoryTestProps> = (props) => {
return (
<div className="text-center py-8">
<p>FlipMemoryTest </p>
<p>: {props.currentCard?.word}</p>
<button onClick={props.onFlip} className="bg-blue-500 text-white px-4 py-2 rounded">
</button>
</div>
)
}