mirror of
https://github.com/google-gemini/gemini-cli.git
synced 2026-04-05 02:40:55 -07:00
49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
/**
|
||
* @license
|
||
* Copyright 2025 Google LLC
|
||
* SPDX-License-Identifier: Apache-2.0
|
||
*/
|
||
|
||
import type React from 'react';
|
||
import { Text, Box } from 'ink';
|
||
import { theme } from '../../semantic-colors.js';
|
||
import { RenderInline } from '../../utils/InlineMarkdownRenderer.js';
|
||
|
||
interface InfoMessageProps {
|
||
text: string;
|
||
secondaryText?: string;
|
||
icon?: string;
|
||
color?: string;
|
||
marginBottom?: number;
|
||
}
|
||
|
||
export const InfoMessage: React.FC<InfoMessageProps> = ({
|
||
text,
|
||
secondaryText,
|
||
icon,
|
||
color,
|
||
marginBottom,
|
||
}) => {
|
||
color ??= theme.status.warning;
|
||
const prefix = icon ?? 'ℹ ';
|
||
const prefixWidth = prefix.length;
|
||
|
||
return (
|
||
<Box flexDirection="row" marginTop={1} marginBottom={marginBottom ?? 0}>
|
||
<Box width={prefixWidth}>
|
||
<Text color={color}>{prefix}</Text>
|
||
</Box>
|
||
<Box flexGrow={1} flexDirection="column">
|
||
{text.split('\n').map((line, index) => (
|
||
<Text wrap="wrap" key={index}>
|
||
<RenderInline text={line} defaultColor={color} />
|
||
{index === text.split('\n').length - 1 && secondaryText && (
|
||
<Text color={theme.text.secondary}> {secondaryText}</Text>
|
||
)}
|
||
</Text>
|
||
))}
|
||
</Box>
|
||
</Box>
|
||
);
|
||
};
|