"use client"

import { use } from "react"

import { TestimonialEditor } from "@/components/markatty/testimonial-editor"
import { QueryState } from "@/components/api/query-state"
import { useTestimonial } from "@/hooks/api/use-testimonials"

export default function Page({ params }: { params: Promise<{ id: string }> }) {
  const { id } = use(params)
  const { data: testimonial, isLoading, isError, error } = useTestimonial(id)

  return (
    <QueryState isLoading={isLoading} isError={isError} error={error instanceof Error ? error : null}>
      {testimonial && <TestimonialEditor key={testimonial.id} mode="edit" testimonial={testimonial} />}
    </QueryState>
  )
}