import Head from 'next/head'
import styles from './BottomButton.module.css'
import {useRouter} from "next/router";
import useTranslation from 'next-translate/useTranslation'

type Props = {
    action?: () => void,
    image?: string
    text?: string
}

export default function BottomButton(props: Props) {
    const router = useRouter()
    const { t } = useTranslation('common')

    return (
        <div onClick={props.action} className={styles.container}>
            {props.image && <img className={styles.image} src={props.image} />}
            {props.text && <span className={styles.text}>{props.text}</span>}

        </div>
    )
}