import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from 'ink';
import { theme } from '../../semantic-colors.js';
export const SectionHeader = ({ title, subtitle, }) => (_jsxs(Box, { width: "100%", flexDirection: "column", overflow: "hidden", children: [_jsx(Box, { width: "100%", borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: theme.text.secondary }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: theme.text.primary, bold: true, wrap: "truncate-end", children: title }), subtitle && (_jsx(Text, { color: theme.text.secondary, wrap: "truncate-end", children: subtitle }))] })] }));
//# sourceMappingURL=SectionHeader.js.map