25 lines
506 B
TypeScript
25 lines
506 B
TypeScript
import React from 'react';
|
||
import { Text, Box } from 'ink';
|
||
|
||
interface InfoMessageProps {
|
||
text: string;
|
||
}
|
||
|
||
export const InfoMessage: React.FC<InfoMessageProps> = ({ text }) => {
|
||
const prefix = 'ℹ ';
|
||
const prefixWidth = prefix.length;
|
||
|
||
return (
|
||
<Box flexDirection="row">
|
||
<Box width={prefixWidth}>
|
||
<Text color="yellow">{prefix}</Text>
|
||
</Box>
|
||
<Box flexGrow={1}>
|
||
<Text wrap="wrap" color="yellow">
|
||
{text}
|
||
</Text>
|
||
</Box>
|
||
</Box>
|
||
);
|
||
};
|