import { NostrLink } from "@snort/system";
import { useEventFeed } from "@snort/system-react";

import Note from "@/Components/Event/EventComponent";
import PageSpinner from "@/Components/PageSpinner";

const options = {
  showFooter: false,
  truncate: true,
};

export default function NoteQuote({ link, depth }: { link: NostrLink; depth?: number }) {
  const ev = useEventFeed(link);
  if (!ev.data)
    return (
      <div className="note-quote flex items-center justify-center h-[110px]">
        <PageSpinner />
      </div>
    );
  return <Note data={ev.data} className="note-quote" depth={(depth ?? 0) + 1} options={options} />;
}