import './AgentMessageContent.css';

import type { HTMLAttributes } from 'react';

export type AgentMessageTone = 'body' | 'process';

/** 只表达正文/过程的视觉层级；消息身份、状态与分组由宿主决定。 */
export function AgentMessageContent({
  as: Tag = 'div',
  tone = 'body',
  className,
  ...props
}: HTMLAttributes<HTMLElement> & {
  as?: 'div' | 'section' | 'details';
  tone?: AgentMessageTone;
}) {
  return (
    <Tag
      {...props}
      data-agent-content={tone}
      className={['agent-message-content', className].filter(Boolean).join(' ')}
    />
  );
}