All files / src/components/features/home/Testimonials SingleItem.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
1x
1x
1x
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
1x
 
import React from "react";
import { Testimonial } from "@/types/testimonial";
import { Icon } from "@/components/ui/icons";
 
const SingleItem = ({ testimonial }: { testimonial: Testimonial }) => {
  return (
    <div className="shadow-testimonial bg-white dark:bg-gray-800 rounded-[10px] py-7.5 px-4 sm:px-8.5 m-1">
      <div className="flex items-center gap-1 mb-5">
        <Icon name="star" size={15} />
        <Icon name="star" size={15} />
        <Icon name="star" size={15} />
        <Icon name="star" size={15} />
        <Icon name="star" size={15} />
      </div>

      <p className="text-dark dark:text-gray-200 mb-6 line-clamp-3">{testimonial.review}</p>

      <div>
        <h3 className="font-medium text-dark dark:text-gray-100">{testimonial.authorName}</h3>
        <p className="text-custom-sm dark:text-gray-400">{testimonial.authorRole}</p>
      </div>
    </div>
  );
};
 
export default SingleItem;