News updated

src/components/news/News.tsx

@@ -1,34 +1,37 @@
 // Modules
 import { Link } from 'react-router-dom';
 // Images
-import placeholder from '../../assets/images/placeholder.jpg';
 import { ReactComponent as ArrRight } from '../../assets/icons/arrow-right.svg';
+// Components
 import NewsCategory from '../global/NewsCategory';
 import NewsDate from '../global/NewsDate';
 
-const News = () => {
+interface Props {
+  title: string;
+  text: string;
+  category: string;
+  date: string;
+  img: string;
+  link: string;
+}
+
+const News = ({ title, text, category, date, img, link }: Props) => {
   return (
     <div className="news">
       <div className="news-wrapper">
         <div className="news-image">
-          <img src={placeholder} alt="img" />
+          <img src={img} alt="img" />
         </div>
         <div className="news-info">
           <div className="news-info-inner">
-            <h2 className="news-title">
-              Президент Туркменистана провёл рабочее совещание по цифровой системе
-            </h2>
+            <h2 className="news-title">{title}</h2>
             <div className="news-status">
-              <NewsCategory title="политика" link="" />
-              <NewsDate date="12.01.2023" />
-            </div>
-            <div className="news-text">
-              Государственному объединению «Türkmen atlary» разрешено заключить дополнительное
-              соглашение с ИП «Röwşen». Государственному объединению «Türkmen atlary» разрешено
-              заключить дополнительное соглашение с ИП «Röwşen»
+              <NewsCategory title={(category = '')} link="" />
+              <NewsDate date={date} />
             </div>
+            <div className="news-text">{text}</div>
           </div>
-          <Link to="/" className="news-link">
+          <Link to={`/${link}`} className="news-link">
             <span>прочитать все</span> <ArrRight />
           </Link>
         </div>