import React , { ReactNode , useState } from "react" ; import styles from "./Version.module.css" ; export const Version = ( ) => { const [ index , setIndex ] = useState < number > ( 0 ) ; const messages = [ < > Version { import . meta . env . VERSION } < />, < > { `Made by ` } < a className = { styles . link } href = "https://twitter.com/LukeChannings" target = "_blank" > @ LukeChannings < /a> < />, < > For my beautiful wife Victoria ❤ ️ < />, < a className = { styles . link } href = "https://www.paypal.me/lukechannings" > Buy me a coffee ☕ ️ ? < /a>, ] ; return ( < p className = { styles . text } onClick = { ( ) => setIndex ( ( index + 1 ) % messages . length ) } > { messages [ index ] } < /p>); } ;