import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from "ink";
import { StatusBadge } from "./design/StatusBadge.js";
import { StatusIcon } from "./design/StatusIcon.js";
export function ProviderStatus(props) {
    const provider = props.config.provider;
    if (!provider) {
        return (_jsxs(Box, { children: [_jsx(StatusIcon, { state: "warning", withSpace: true }), _jsx(StatusBadge, { label: "provider missing", tone: "warning" })] }));
    }
    return (_jsxs(Box, { children: [_jsx(StatusIcon, { state: "success", withSpace: true }), _jsx(StatusBadge, { label: provider.name, tone: "success" }), _jsx(Text, { color: "gray", children: ` ${provider.model}` })] }));
}
