import React from 'react';
import {NewsSingle} from "../../../models/Wordpress/NewsSingleWP";
import parse from 'html-react-parser';

type NewsArticleProps = {
    article: NewsSingle,
    small?: boolean
}

const NewsArticle = ({article, small=false}: NewsArticleProps) => {

    return (
        <div className={'dashnews-article'}>
            <div className="dashnews-article--img">
                <img src={article?.acf?.article_image! ? article.acf?.article_image?.url : ''} alt=""/>
            </div>
            <div className="dashnews-article--content">

                <h4 className={`title ${small && 'small'}`}>{article?.acf?.title}</h4>
                <p className={'content'}>{parse(article?.acf?.content ?? '')}</p>
                <a className={'link'} href={article?.acf?.button_url.url} rel="noreferrer" target={'_blank'}>Θέλω να ενημερωθώ</a>
            </div>
        </div>
    );
}

export default NewsArticle;