36 lines
984 B
TypeScript
36 lines
984 B
TypeScript
|
'use client';
|
||
|
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
||
|
|
import Image from 'next/image';
|
||
|
|
import Link from 'next/link';
|
||
|
|
|
||
|
|
interface TypeReview {
|
||
|
|
avatar: string;
|
||
|
|
text: string;
|
||
|
|
author: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
type ItemReviewProps = {
|
||
|
|
item: TypeReview;
|
||
|
|
};
|
||
|
|
|
||
|
|
const ItemReview: React.FC<ItemReviewProps> = ({ item }) => {
|
||
|
|
return (
|
||
|
|
<div className="item-review-customer-hompage relative flex items-center justify-between">
|
||
|
|
<div className="left-review relative">
|
||
|
|
<Image src={item.avatar} width={88} height={88} className="lazy" alt="avatar" />
|
||
|
|
</div>
|
||
|
|
<div className="right-reivew">
|
||
|
|
<p className="text-reivew line-clamp-2">{item.text}</p>
|
||
|
|
<b className="author-review font-[500]">{item.author}</b>
|
||
|
|
<Image
|
||
|
|
src="https://nguyencongpc.vn/static/assets/nguyencong_2023/images/5star-customer.png"
|
||
|
|
width={80}
|
||
|
|
height={15}
|
||
|
|
alt="rating"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
export default ItemReview;
|