'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { WifiSlash } from '@phosphor-icons/react';
export function NetworkErrorCard({ errorMessage }) {
    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(WifiSlash, {
                        className: "h-16 w-16 text-red-500/50 mx-auto mb-4",
                        weight: "thin"
                    }),
                    /*#__PURE__*/ _jsx("p", {
                        className: "text-red-500 font-medium mb-2",
                        children: "Request Failed"
                    }),
                    /*#__PURE__*/ _jsx("p", {
                        className: "text-sm text-muted-foreground max-w-md",
                        children: errorMessage || 'An error occurred while sending the request'
                    })
                ]
            })
        })
    });
}
