import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from 'ink';
import { SemanticColors } from '../colors.js';
import { Header } from './Header.js';
import { Tips } from './Tips.js';
import { useBanner } from '../hooks/useBanner.js';
export const AppHeader = ({ config, settings, version, nightly, terminalWidth, bannerData, }) => {
    const { bannerText } = useBanner(bannerData ?? { defaultText: '', warningText: '' });
    return (_jsxs(Box, { flexDirection: "column", children: [!(settings.merged.ui?.hideBanner || config.getScreenReader()) && (_jsx(Header, { terminalWidth: terminalWidth, version: version, nightly: nightly })), bannerText && (_jsx(Text, { color: SemanticColors.text.primary, children: bannerText })), !(settings.merged.ui?.hideTips || config.getScreenReader()) && (_jsx(Tips, { config: config }))] }));
};
//# sourceMappingURL=AppHeader.js.map