import styles from '../../pages/EndOfGamePage.module.css'

type EndOfGameActionsProps = {
  onSkip: () => void
  onPlayAgain: () => void
  onHome: () => void
}

export function EndOfGameActions({ onSkip, onPlayAgain, onHome }: EndOfGameActionsProps) {
  return (
    <div className={styles.bottomActions}>
      <button type="button" className={`${styles.skip} font-caption`} onClick={onSkip}>
        SKIP TO LEADERBOARD
      </button>
      <button type="button" className={`${styles.skip} font-caption`} onClick={onPlayAgain}>
        PLAY AGAIN
      </button>
      <button type="button" className={`${styles.skip} font-caption`} onClick={onHome}>
        HOME
      </button>
    </div>
  )
}
