import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from 'ink';
import { theme } from '../semantic-colors.js';
import {} from '@google/gemini-cli-core';
export const Tips = ({ config }) => {
    const geminiMdFileCount = config.getGeminiMdFileCount();
    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: theme.text.primary, children: "Tips for getting started:" }), geminiMdFileCount === 0 && (_jsxs(Text, { color: theme.text.primary, children: ["1. Create ", _jsx(Text, { bold: true, children: "GEMINI.md" }), " files to customize your interactions"] })), _jsxs(Text, { color: theme.text.primary, children: [geminiMdFileCount === 0 ? '2.' : '1.', ' ', _jsx(Text, { color: theme.text.secondary, children: "/help" }), " for more information"] }), _jsxs(Text, { color: theme.text.primary, children: [geminiMdFileCount === 0 ? '3.' : '2.', " Ask coding questions, edit code or run commands"] }), _jsxs(Text, { color: theme.text.primary, children: [geminiMdFileCount === 0 ? '4.' : '3.', " Be specific for the best results"] })] }));
};
//# sourceMappingURL=Tips.js.map