RoomHeader.js

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

const RoomHeader = () => {
  return (
    <div className="container">
      <div className="row">
        <div
          className=" col d-flex justify-content-space-between"
          style={{ backgroundColor: "#C4C4C4" }}
        >
          <img
            className="m-2 rounded-circle"
            src="/cherry.jpg"
            width="40"
            height="40"
          />
          <p
            className="m-2"
            style={{
              fontWeight: "bold",
              fontSize: "15px",
              whiteSpace: "pre-wrap",
            }}
          >
            <p>데계 재밌는 수학과</p> #ASV2AE98
          </p>
          <p className="m-2" style={{ fontWeight: "bold", fontSize: "20px" }}>
            회의
          </p>
          <Link to="/user">
            <button
              type="button"
              className="m-2 rounded"
              style={{
                height: "30px",
                fontWeight: "bold",
                backgroundColor: "#E8B7FF",
                color: "black",
                border: "1px #f4c1f2",
              }}
            >
              돌아가기
            </button>
          </Link>
        </div>
      </div>
    </div>
  );
};

export default RoomHeader;