import "./NewsArticles.scss";
import parse from 'html-react-parser';

type NewsArticleProps = {
    image?: string;
    title: string;
    subtitle: string;
    content:string;
    theme?:string;
    btnLabel?:string;
    btnUrl?:string;
    relatedArticleUrl?: any
};
const NewsArticleSlider = (props: NewsArticleProps) => {
    return (
        <div className="news-article">
            <div>
                <img className="news-img" src={props.image} alt="newsimg"/>
            </div>
            <div className="news-inner-container d-flex flex-column align-items-start justify-content-between">
                <p className="news-title">{props.title}</p>
                <p className="news-subtitle">{props.subtitle}</p>
                <p className="news-content">{parse(props.content ?? '')}</p>
                {(props.relatedArticleUrl || props.btnUrl) &&
                    <a className="news-btn" href={props.relatedArticleUrl ? props.relatedArticleUrl : props.btnUrl} rel="noreferrer" target="_blank">{props.btnLabel}</a>
                }
            </div>
        </div>

    );
};

export default NewsArticleSlider;