RoomHeader.js

import { Link } from "react-router-dom";

const RoomHeader = () => {
  return (
    <div
      className="d-flex justify-content-between align-items-center p-2"
      style={{ backgroundColor: "#C4C4C4", height: "60px" }}
    >
      <div className="d-flex align-items-center">
        <img
          alt="roomImg"
          className="rounded-circle"
          src="/cherry.jpg"
          width="40px"
          height="40px"
        />
        <a
          className="p-3 ms-1 text-center text-decoration-none"
          style={{
            fontWeight: "bold",
            fontSize: "20px",
            color: "#6c33a2",
          }}
        >
          # 회의
        </a>
      </div>
    </div>
  );
};

export default RoomHeader;