1+import { useState } from 'react'
912 onDelete: (id: string) => void
15+function ReplyForm({ commentId }: { commentId: string }) {
16+ const [reply, setReply] = useState('')
20+ onChange={(e) => setReply(e.target.value)}
21+ placeholder={`Reply to ${commentId}`}
1226 export function CommentList({ comments, onDelete }: Props) {
15- {comments.map((c) => (
16- <div key={c.id} className="comment">
29+ {comments.map((c, i) => (
30+ <div key={i} className="comment">
1731 <strong>{c.author}</strong>: {c.text}
1832 <button onClick={() => onDelete(c.id)}>Delete</button>
33+ <ReplyForm commentId={c.id} />
40+export function Tabs({ tabs }: { tabs: { title: string; content: string }[] }) {
