import Head from 'next/head' import { useRef, useState } from 'react'; const cardSpinning = [ { transform: "rotate3D(0, 1, 0, 360deg)" }, ] const cardSpinningTimer = { duration: 500, iterations: 1, }; export default function Home() { return ( <> Thai Stuff

) } function FlippyCard() { const cardRef = useRef(null) const [randomeLetter, setRandomLetter] = useState({ letter: 'ฮ', phono: 'ho ho', }) async function _getRandomLetter() { cardRef.current?.animate(cardSpinning, cardSpinningTimer); await (new Promise((res, rej) => { setTimeout(() => { res(true) }, 100); })) return thaiConsonantsArray[Math.floor(Math.random() * thaiConsonantsArray.length)] } return (

{randomeLetter.letter}

{randomeLetter.phono}

) } const thaiConsonantsArray: LetterType[] = [ { letter: 'ก', phono: 'ko kai', }, { letter: 'ข', phono: 'kho khai', }, { letter: 'ค', phono: 'kho khon', }, { letter: 'ง', phono: 'ngo ngoo', }, { letter: 'จ', phono: 'cho chan', }, { letter: 'ฉ', phono: 'so chan', }, { letter: 'ช', phono: 'so chon', }, { letter: 'ซ', phono: 'so san', }, { letter: 'ฌ', phono: 'so cho', }, { letter: 'ญ', phono: 'yo ning', }, { letter: 'ฎ', phono: 'do dek', }, { letter: 'ฏ', phono: 'to tao', }, { letter: 'ฐ', phono: 'tho thon', }, { letter: 'ฑ', phono: 'tho thung', }, { letter: 'ฒ', phono: 'tho tho', }, { letter: 'ณ', phono: 'no nen', }, { letter: 'บ', phono: 'bo bai', }, { letter: 'ป', phono: 'po pao', }, { letter: 'พ', phono: 'pho phan', }, { letter: 'ม', phono: 'mo mi', }, { letter: 'ฝ', phono: 'fo fan', }, { letter: 'ฟ', phono: 'fo fa', }, { letter: 'ภ', phono: 'pho phran', }, { letter: 'ฝ', phono: 'fo fan', }, { letter: 'ส', phono: 'so san', }, { letter: 'ศ', phono: 'so si', }, { letter: 'ษ', phono: 'so so', }, { letter: 'ส', phono: 'so san', }, { letter: 'ห', phono: 'ho hin', }, { letter: 'ฬ', phono: 'lo ling', }, { letter: 'ฮ', phono: 'ho ho', }, ]; interface LetterType { letter: string, phono: string, }