const User = () => {
  return (
    <div className="container">
      <div className="row">
        <div className="col" style={{ backgroundColor: "#DEC7F5", position:'absolute', bottom:'58px', width: '414px'}}>
          <p
            className="m-2"
            style={{ fontWeight: "bold", color: "#4A4251", fontSize: "20px" }}
          >
            화면공유 중인 사용자
          </p>
          <div className="col m-3" xs={6} md={4}>
            <img
              src="/cherry.jpg"
              width="40"
              height="40"
              className="me-2 rounded-circle"
            />
            <img
              src="/cherry.jpg"
              width="40"
              height="40"
              className="me-2 rounded-circle"
            />
            <img
              src="/cherry.jpg"
              width="40"
              height="40"
              className="me-2 rounded-circle"
            />
          </div>
          <div className="col m-3" xs={6} md={4}>
            <img
              src="/cherry.jpg"
              width="40"
              height="40"
              className="me-2 rounded-circle"
            />
          </div>
        </div>
      </div>
    </div>
  );
};

export default User;
