import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { NewConnectionForm } from './NewConnectionForm';
import DeleteServerButton from './DeleteServerButton';
import { useTheme } from '../theme/ThemeContext';
const ServerSetupView = ({ oldOptions, onSubmit, onCancel, onDelete }) => {
    const theme = useTheme();
    return (_jsxs("div", { className: theme.serverSetup.container, children: [_jsx("div", { className: theme.serverSetup.header, children: _jsxs("div", { children: [_jsx("h3", { className: theme.serverSetup.headerTitle, children: oldOptions?.serverName ?? 'Configure MCP Server' }), oldOptions?.url && _jsx("p", { className: theme.serverSetup.headerSubtitle, children: oldOptions.url })] }) }), _jsx("div", { className: theme.serverSetup.formSection, children: _jsx(NewConnectionForm, { initialValues: oldOptions, onSubmit: onSubmit, onCancel: onCancel }) }), _jsx("div", { className: theme.serverSetup.footer, children: _jsx(DeleteServerButton, { onClick: onDelete, variant: 'soft' }) })] }));
};
export default ServerSetupView;
