import React from "react" import { Head, Form } 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 { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import RichTextEditor from "@/components/RichTextEditor" import { ArrowLeft } from "lucide-react" import { type BreadcrumbItem } from "@/types" import InputError from "@/components/input-error" import { index, store, update } from "@/routes/admin/testomonial" import { Testomonial } from "@/types/admin/Staff" interface TestomonialProps { testomonial: Testomonial } const breadcrumbs: BreadcrumbItem[] = [ { title: "Testomonial", href: index().url }, { title: "Update", href: "#" }, ] interface departmentProps { departments: Record } export default function StaffCreate({ testomonial }: TestomonialProps) { const handleCancel = () => window.history.back() return (
{/* Header */}

Update Testomonial

Update Testomonial with image and description.

{/* Form */}
Testomonial Details
{({ errors }) => ( <> {/* Name and Image in one row */}
{ testomonial?.image && ( ) }
{/* Description */}
{/* Buttons */}
)}
) }