AdminMessage.jsx

import React from "react";
import { Card, CardContent, Typography, Avatar } from "@material-ui/core";

export default function AdminMessage(props) {
  const { message } = props;
  return (
    <div className="admin-message">
      <Card>
        <CardContent>
          <Avatar alt="Us" src="https://mpng.subpng.com/20180402/rqq/kisspng-computer-icons-logo-symbol-clip-art-administrator-5ac2ab29825f65.316448641522707241534.jpg" />
          <Typography color="textSecondary">Admin message</Typography>
          <Typography variant="body2" component="p">
            {message.message}
          </Typography>
        </CardContent>
      </Card>
    </div>
  );
}