import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import MCPTool from './McpTool';
const VIEW_CONTAINER_CLASSES = 'space-y-6';
const ToolRunnerView = ({ tool, serverName, onBack, callTool }) => (_jsxs("div", { className: VIEW_CONTAINER_CLASSES, children: [_jsxs("div", { className: 'flex items-center justify-between', children: [_jsxs("div", { children: [_jsx("h3", { className: 'text-lg font-medium text-gray-900', children: tool.title ?? tool.name }), _jsx("p", { className: 'mt-1 text-sm text-gray-500', children: serverName })] }), _jsx("button", { onClick: onBack, className: 'inline-flex items-center rounded-md border border-gray-300 px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2', children: "Back to tools" })] }), _jsx("div", { className: 'border-t border-gray-200 pt-6', children: _jsx(MCPTool, { tool: tool, callTool: callTool }) })] }));
export default ToolRunnerView;
