fabasoad/business-card

import * as React from 'react'
import { useTranslation } from 'react-i18next'
import { getDateLocale } from '../../scripts/utils/DateUtils'

interface EducationItemProps {
  from: number
  to: number
  title: string
}

export default function EducationItem({ from, to, title }: EducationItemProps) {
  const { t } = useTranslation()
  return (
    <>
      <div className="timeline-image">
        <h4>{getDateLocale(to)}<br />-<br />{getDateLocale(from)}</h4>
      </div>
      <div className="timeline-panel">
        <div className="timeline-heading">
          <h4>{t('business-card-education-university-title')}</h4>
          <h4 className="subheading">{title}</h4>
        </div>
        <div className="timeline-body">
          <p>{t('business-card-education-university-speciality')}</p>
        </div>
      </div>
    </>
  )
}