import React from "react";
import { FileText } from "lucide-react";
import { Button } from "@/components/ui/button";
import { useAgentGraph } from "@/context/AgentGraphContext";

export function ExampleTraceSection() {
  const { actions } = useAgentGraph();

  return (
    <div className="space-y-2">
      <Button
        onClick={() => actions.setActiveView("example-traces")}
        className="w-full justify-start gap-2"
        size="lg"
      >
        <FileText className="h-4 w-4" />
        Example Traces
      </Button>
    </div>
  );
}