import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
 * 默认应用页面组件
 * 当用户未提供 app 选项时显示的默认页面
 */ import { memo } from "react";
import { Result, Typography, Space, Card } from "antd";
import { $t } from "../../library";
const { Title, Paragraph, Text } = Typography;
/**
 * 默认应用页面组件
 * 
 * 当框架启动时未提供 app 选项时，会显示此默认页面。
 * 页面包含欢迎信息、使用说明和快速开始指南。
 * 
 * @example
 * ```tsx
 * <DefaultApp />
 * ```
 */ const DefaultApp = /*#__PURE__*/ memo(({ title, description })=>{
    // 使用国际化翻译，如果没有提供自定义标题和描述
    const displayTitle = title || $t('defaultApp.title');
    const displayDescription = description || $t('defaultApp.description');
    return /*#__PURE__*/ _jsx("div", {
        style: {
            minHeight: '100vh',
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            padding: '24px',
            background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)'
        },
        children: /*#__PURE__*/ _jsx("div", {
            style: {
                maxWidth: '800px',
                width: '100%'
            },
            children: /*#__PURE__*/ _jsx(Result, {
                icon: /*#__PURE__*/ _jsx("div", {
                    style: {
                        fontSize: '72px',
                        color: '#fff',
                        marginBottom: '16px'
                    },
                    children: "🚀"
                }),
                title: /*#__PURE__*/ _jsx(Title, {
                    level: 2,
                    style: {
                        color: '#fff',
                        marginBottom: '16px'
                    },
                    children: displayTitle
                }),
                subTitle: /*#__PURE__*/ _jsx(Paragraph, {
                    style: {
                        color: 'rgba(255, 255, 255, 0.9)',
                        fontSize: '16px',
                        marginBottom: '32px'
                    },
                    children: displayDescription
                }),
                children: /*#__PURE__*/ _jsxs(Space, {
                    direction: "vertical",
                    size: "large",
                    style: {
                        width: '100%'
                    },
                    children: [
                        /*#__PURE__*/ _jsx(Card, {
                            style: {
                                background: 'rgba(255, 255, 255, 0.95)',
                                borderRadius: '8px',
                                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
                            },
                            children: /*#__PURE__*/ _jsxs(Space, {
                                direction: "vertical",
                                size: "middle",
                                style: {
                                    width: '100%'
                                },
                                children: [
                                    /*#__PURE__*/ _jsxs(Title, {
                                        level: 4,
                                        children: [
                                            "💻 ",
                                            $t('defaultApp.quickStart.title')
                                        ]
                                    }),
                                    /*#__PURE__*/ _jsx(Paragraph, {
                                        style: {
                                            marginBottom: '16px'
                                        },
                                        children: $t('defaultApp.quickStart.description')
                                    }),
                                    /*#__PURE__*/ _jsx("div", {
                                        style: {
                                            background: '#f5f5f5',
                                            padding: '16px',
                                            borderRadius: '4px',
                                            fontFamily: 'monospace',
                                            fontSize: '14px',
                                            overflowX: 'auto'
                                        },
                                        children: /*#__PURE__*/ _jsx(Text, {
                                            code: true,
                                            children: $t('defaultApp.quickStart.code')
                                        })
                                    })
                                ]
                            })
                        }),
                        /*#__PURE__*/ _jsx(Card, {
                            style: {
                                background: 'rgba(255, 255, 255, 0.95)',
                                borderRadius: '8px',
                                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
                            },
                            children: /*#__PURE__*/ _jsxs(Space, {
                                direction: "vertical",
                                size: "middle",
                                style: {
                                    width: '100%'
                                },
                                children: [
                                    /*#__PURE__*/ _jsxs(Title, {
                                        level: 4,
                                        children: [
                                            "📚 ",
                                            $t('defaultApp.nextSteps.title')
                                        ]
                                    }),
                                    /*#__PURE__*/ _jsxs(Space, {
                                        direction: "vertical",
                                        size: "small",
                                        style: {
                                            width: '100%'
                                        },
                                        children: [
                                            /*#__PURE__*/ _jsxs(Paragraph, {
                                                style: {
                                                    marginBottom: '8px'
                                                },
                                                children: [
                                                    "• ",
                                                    $t('defaultApp.nextSteps.step1')
                                                ]
                                            }),
                                            /*#__PURE__*/ _jsxs(Paragraph, {
                                                style: {
                                                    marginBottom: '8px'
                                                },
                                                children: [
                                                    "• ",
                                                    $t('defaultApp.nextSteps.step2')
                                                ]
                                            }),
                                            /*#__PURE__*/ _jsxs(Paragraph, {
                                                style: {
                                                    marginBottom: '8px'
                                                },
                                                children: [
                                                    "• ",
                                                    $t('defaultApp.nextSteps.step3')
                                                ]
                                            })
                                        ]
                                    })
                                ]
                            })
                        }),
                        /*#__PURE__*/ _jsx("div", {
                            style: {
                                textAlign: 'center',
                                marginTop: '24px'
                            },
                            children: /*#__PURE__*/ _jsx(Text, {
                                style: {
                                    color: 'rgba(255, 255, 255, 0.8)'
                                },
                                children: $t('defaultApp.footer')
                            })
                        })
                    ]
                })
            })
        })
    });
});
DefaultApp.displayName = 'DefaultApp';
export { DefaultApp };

//# sourceMappingURL=DefaultApp.js.map