import { IChatItem } from '../ChatLogsType';

export const ChatTodo: React.FC<IChatItem> = (props) => {
  function content() {
    return (
      <div style={{ display: 'flex', color: '#000', flexDirection: 'column' }}>
        <div style={{ wordBreak: 'break-all' }}>{props.chat?.title}</div>
        <div style={{ wordBreak: 'break-all' }}>{props.chat?.content}</div>
        <div style={{ borderTop: '1px solid #ddd', color: '#999', marginTop: 8, paddingTop: 8 }}>
          待办
        </div>
      </div>
    );
  }

  return <>{content()}</>;
};