'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { WifiHigh } from '@phosphor-icons/react';
import { Badge } from '@/components/ui/badge';
export function IdleCard() {
    return /*#__PURE__*/ _jsx("div", {
        className: "flex flex-col h-full",
        children: /*#__PURE__*/ _jsx("div", {
            className: "flex items-center justify-center flex-1 p-8",
            children: /*#__PURE__*/ _jsxs("div", {
                className: "text-center",
                children: [
                    /*#__PURE__*/ _jsx(WifiHigh, {
                        className: "h-16 w-16 text-muted-foreground/30 mx-auto mb-4",
                        weight: "thin"
                    }),
                    /*#__PURE__*/ _jsx("p", {
                        className: "text-muted-foreground mb-2",
                        children: "Send a request to see the response"
                    }),
                    /*#__PURE__*/ _jsxs("p", {
                        className: "text-sm text-muted-foreground/70",
                        children: [
                            "Press ",
                            /*#__PURE__*/ _jsx("kbd", {
                                className: "px-2 py-1 bg-muted rounded text-xs font-mono",
                                children: "Enter"
                            }),
                            " or click",
                            ' ',
                            /*#__PURE__*/ _jsx(Badge, {
                                variant: "default",
                                className: "text-xs",
                                children: "Send"
                            })
                        ]
                    })
                ]
            })
        })
    });
}
