"use client" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, cardHover } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Avatar, AvatarFallback } from "@/components/ui/avatar" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { MessageCircle, Pin, ThumbsUp, Search, Plus } from "lucide-react" import { Input } from "@/components/ui/input" const threads = [ { title: "Question about Week 3 assignment", author: "Alex M.", replies: 8, likes: 12, pinned: true, time: "2 hours ago", initials: "AM" }, { title: "Help with Python decorators", author: "Jordan K.", replies: 5, likes: 7, pinned: false, time: "5 hours ago", initials: "JK" }, { title: "Study group for midterm?", author: "Taylor R.", replies: 15, likes: 24, pinned: false, time: "1 day ago", initials: "TR" }, { title: "Recommended resources for ML", author: "Morgan L.", replies: 3, likes: 9, pinned: false, time: "2 days ago", initials: "ML" }, { title: "Bug in the sample code?", author: "Casey P.", replies: 12, likes: 18, pinned: false, time: "3 days ago", initials: "CP" }, ] export default function DiscussionForum() { return (

Discussion Forum

Introduction to Programming

{threads.map((t) => ( {t.initials}

{t.pinned && }

{t.title}

{t.author} · {t.time}

{t.replies} {t.likes}

))}

) }