// SPDX-License-Identifier: MIT
// Copyright (c) 2024-2026 Acme Corp.
import { useState } from "react";
import { Comment } from "./components/Comment";
import { formatRelative } from "./utils/format";

export function App() {
    const [comments, setComments] = useState<{ id: string; body: string; at: number }[]>([]);
    return (
        <main>
            <header><h1>Acme Demo</h1></header>
            <section>
                {comments.map(c => <Comment key={c.id} body={c.body} stamp={formatRelative(c.at)} />)}
            </section>
        </main>
    );
}