import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import ServerTitleWithStatus from './ServerTitleWithStatus';
import { useTheme } from '../theme/ThemeContext';
const ServerCheckingView = ({ options, onDelete }) => {
    const theme = useTheme();
    return (_jsxs("div", { className: theme.serverChecking.container, children: [_jsx(ServerTitleWithStatus, { title: options.serverName, url: options.url, status: { label: 'Checking', tone: 'info' }, onDelete: onDelete }), _jsxs("div", { className: theme.serverChecking.statusCard, children: [_jsx("div", { className: theme.serverChecking.spinner }), _jsxs("span", { className: theme.serverChecking.statusText, children: ["Testing connection to ", options.url, "..."] })] })] }));
};
export default ServerCheckingView;
