import {useTranslation} from 'react-i18next';

import {cn} from '@/lib/utils';
import HintText from './HintText.jsx';
import {formatDate} from '../utils/format.js';
import {newsText, newsTitle} from '../utils/news.js';

export default function NewsEntry({entry, className}) {
    const {i18n} = useTranslation();

    return (
        <article className={cn('space-y-1', className)}>
            <p className="text-xs text-muted-foreground">{formatDate(entry.publishedAt, i18n.language, {dateStyle: 'medium'})}</p>
            <h3 className="font-semibold">{newsTitle(entry, i18n.language)}</h3>
            <p className="whitespace-pre-line break-words text-sm"><HintText text={newsText(entry, i18n.language)}/></p>
        </article>
    );
}