ChatLine.tsx 340 Bytes
import React from 'react';
import { ChatData } from './types';

interface ChatLineProps {
  chatData: ChatData;
}

const ChatLine: React.FC<ChatLineProps> = ({ chatData }) => {
  return (
    <div className='w-full px-3 py-1.5 bg-white
    text-gray-700 text-sm'>{chatData.sender} : {chatData.message}</div>
  );
}

export default ChatLine;