/**
 * SystemMessage — 系统通知消息
 */

import { Box, Typography } from '@mui/material';
import type { ChatMessage } from '@renderer/stores/agent-store';
import { formatTime } from '@renderer/lib/formatters';

interface SystemMessageProps { message: ChatMessage; }

export function SystemMessage({ message }: SystemMessageProps): React.JSX.Element {
  return (
    <Box sx={{ display: 'flex', justifyContent: 'center', py: 1, animation: 'fadeIn 200ms ease-out' }}>
      <Typography
        variant="caption"
        sx={{ px: 1.5, py: 0.5, borderRadius: 99, color: 'text.disabled', bgcolor: 'secondary.main', fontSize: 11 }}
      >
        {message.content}
      </Typography>
    </Box>
  );
}
