X

import { VerifiedIcon } from "lucide-react"; import Link from "next/link"; import { cn } from "@/lib/utils"; /** * @author: @dorianbaffier * @description: Tweet Card * @version: 1.0.0 * @date: 2025-10-01 * @license: MIT * @website: https://kokonutui.com * @github: https://github.com/kokonut-labs/kokonutui */ type ReplyProps = { authorName: string; authorHandle: string; authorImage: string; content: string; isVerified?: boolean; timestamp: string; }; type TweetCardProps = { authorName?: string; authorHandle?: string; authorImage?: string; content?: string[]; isVerified?: boolean; timestamp?: string; href?: string; reply?: ReplyProps; className?: string; }; export default function TweetCard({ authorName = "Dorian", authorHandle = "dorianbaffier", authorImage = "https://pbs.twimg.com/profile_images/1992215290936205312/N_EuwLUO_400x400.jpg", content = [ "All components from KokonutUI can now be open in @v0 🎉", "1. Click on 'Open in V0'", "2. Customize with prompts", "3. Deploy to your app", ], isVerified = true, timestamp = "Jan 18, 2025", href = "#", reply = { authorName: "shadcn", authorHandle: "shadcn", authorImage: "https://pbs.twimg.com/profile_images/1593304942210478080/TUYae5z7_400x400.jpg", content: "Awesome.", isVerified: true, timestamp: "Jan 18", }, className, }: TweetCardProps) { return (

{authorName} {isVerified && ( )}

@{authorHandle}

{content.map((item, index) => (

{item}

))} {timestamp}

{reply && (

{reply.authorName} {reply.isVerified && ( )} @{reply.authorHandle} · {reply.timestamp}

{reply.content}

)}

); }

X Card

Instalação

Dependências