import React from 'react'
import { PhoneIcon, VideoCameraIcon } from '@heroicons/react/24/solid';
import "./ChatHeader.css";

function ChatHeader({
  name
}) {
  return (
    <header className="chat_header">

      <nav className='nav'>

        <p className='nav_to'>{"To: "}
          <span className='nav_name'>{name}</span>
        </p>
        <div className='call-icons'>
          <PhoneIcon className="icon" height="30" color="#fff" />
          <VideoCameraIcon className="icon" height="30" color="#fff" />
        </div>
      </nav>

    </header>
  )
}

export default ChatHeader