Thought

1import {
2  Accordion,
3  AccordionContent,
4  AccordionItem,
5  AccordionTrigger,
6} from "@/components/ui/accordion";
7import { cn } from "@/lib/utils";
8 
9type ThoughtContentProps = {
10  className?: string;
11  children: React.ReactNode;
12};
13export function ThoughtContent({ className, children }: ThoughtContentProps) {
14  return (
15    <AccordionContent
16      className={cn("text-muted-foreground px-3 border-l-2", className)}
17    >
18      {children}
19    </AccordionContent>
20  );
21}
22 
23type ThoughTriggerProps = {
24  className?: string;
25  children: React.ReactNode;
26};
27export function ThoughtTrigger({ className, children }: ThoughTriggerProps) {
28  return (
29    <AccordionTrigger
30      className={cn(
31        "no-underline hover:no-underline text-muted-foreground hover:text-primary justify-start gap-2",
32        className
33      )}
34    >
35      <div className="flex gap-1 items-center">{children}</div>
36    </AccordionTrigger>
37  );
38}
39 
40type ThoughtProps = {
41  className?: string;
42  children: React.ReactNode;
43};
44 
45export function Thought({ children, className }: ThoughtProps) {
46  return (
47    <Accordion type="single" collapsible className={cn("", className)}>
48      <AccordionItem value="item-1">{children}</AccordionItem>
49    </Accordion>
50  );
51}