import { Card } from "@/components/ui/Card";
import { Chip } from "@/components/ui/Chip";

export function InsightCard({ title, body, tag }: { title: string; body: string; tag: string }) {
  return (
    <Card className="p-4">
      <Chip tone="indigo">{tag}</Chip>
      <h3 className="mt-4 text-lg font-bold text-ink dark:text-paper">{title}</h3>
      <p className="mt-2 text-sm leading-6 text-ink/65 dark:text-paper/65">{body}</p>
    </Card>
  );
}
