import React from "react" import { Head } from "@inertiajs/react" import AppLayout from "@/layouts/app-layout" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { ArrowLeft, Star } from "lucide-react" import { type BreadcrumbItem } from "@/types" import { index } from "@/routes/admin/testomonial" import { Badge } from "@/components/ui/badge" import { Testomonial } from "@/types/admin/Staff" interface ShowProps { testomonial: Testomonial } export default function TestomonialShow({ testomonial }: ShowProps) { const handleCancel = () => window.history.back() const breadcrumbs: BreadcrumbItem[] = [ { title: "Testimonials", href: index().url }, { title: "Show", href: "#" }, ] return (
{/* Header */}

Testimonial Details

View details for {testomonial.name}

{/* Details */}
Profile Image {testomonial.image ? ( {testomonial.name} ) : (
No image
)}

{testomonial.name}

{testomonial.designation}

{testomonial.is_active ? "Active" : "Inactive"}
{Array.from({ length: 5 }).map((_, i) => ( ))}
Information
Name
{testomonial.name}
Designation
{testomonial.designation || "-"}
Rating
{testomonial.star} Stars
Created At
{new Date(testomonial.created_at).toLocaleDateString()}
Description
{testomonial.description ? (
) : ( No description provided. )}
) }