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

type Props = {
    onClick?: () => void,
    title?: string
}

export default function Button(props: Props) {
    const router = useRouter()
    const { t, lang } = useTranslation('common')
    return (
        <div className={styles.container}  >
        <div className={styles.card}  onClick={() => props.onClick && props.onClick()}>
            <span className={styles.identifier}>{props.title}</span>
            <img className={styles.imageArrow} src={'/icon/fleche-bg-btn.png'} />
        </div>
        </div>
    )
}