Citation

import { Citation } from "@/components/ui/citation";

export default function CitationDemo() {
  return (
    <div className="flex min-h-[320px] w-full items-center justify-center p-6">
      <Citation
        id="citation-example"
        href="https://react.dev/reference/react/useState"
        title="useState – React"
        snippet="useState is a React Hook that lets you add a state variable to your component."
        domain="react.dev"
        favicon="https://www.google.com/s2/favicons?domain=react.dev&sz=32"
        author="React Docs"
        publishedAt="2024-04-25T00:00:00.000Z"
        type="document"
      />
    </div>
  );
}