'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;