22 lines
526 B
TypeScript
22 lines
526 B
TypeScript
|
import "./index.css";
|
||
|
|
|
||
|
|
interface PlanProps {
|
||
|
|
toolCallId: string;
|
||
|
|
plan: string[];
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function Plan(props: PlanProps) {
|
||
|
|
return (
|
||
|
|
<div className="flex flex-col gap-4 w-full max-w-xl p-4 border-[1px] rounded-xl border-slate-500">
|
||
|
|
<p className="text-lg font-medium">Plan</p>
|
||
|
|
<div className="flex flex-col gap-2">
|
||
|
|
{props.plan.map((step, index) => (
|
||
|
|
<p key={index} className="font-mono">
|
||
|
|
{index + 1}. {step}
|
||
|
|
</p>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|