32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
|
import { FaCaretRight } from 'react-icons/fa';
|
||
|
|
import Link from 'next/link';
|
||
|
|
import { dataArticle } from './dataArticle';
|
||
|
|
import ItemArticleVideo from './ItemArticleVideo';
|
||
|
|
const BoxArticleVideo: React.FC = () => {
|
||
|
|
return (
|
||
|
|
<div className="box-videos-group box-article-group boder-radius-10 relative">
|
||
|
|
<div className="flex items-center justify-between">
|
||
|
|
<div className="title-box">
|
||
|
|
<h2 className="title-box font-[600]">Youtube Channel</h2>
|
||
|
|
</div>
|
||
|
|
<Link
|
||
|
|
href="https://www.youtube.com/NguyenCongPC"
|
||
|
|
target="_blank"
|
||
|
|
rel="nofollow"
|
||
|
|
className="btn-article-group flex items-center gap-2"
|
||
|
|
>
|
||
|
|
<span>Xem tất cả </span>
|
||
|
|
<FaCaretRight size={16} />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="list-videos-group list-article-group flex items-center gap-10">
|
||
|
|
{dataArticle.slice(0, 4).map((item, index) => (
|
||
|
|
<ItemArticleVideo item={item} key={index} />
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default BoxArticleVideo;
|