trampa-frontend/src/components/Header/MyMessagesButton/MyMessagesButton.js

import React from "react";
import PropTypes from "prop-types";
import selectedTheme from "../../../themes";
import { IconButton } from "../../Buttons/IconButton/IconButton";
import MailIcon from "@mui/icons-material/EmailOutlined";
import { Badge } from "@mui/material";

const MyMessagesButton = (props) => {
  return (
    <IconButton
      onClick={props.onClick}
      style={{
        background: selectedTheme.colors.primaryIconBackgroundColor,
        color: selectedTheme.colors.primaryPurple,
      }}
    >
      <Badge color="primary">
        <MailIcon />
      </Badge>
    </IconButton>
  );
};

MyMessagesButton.propTypes = {
  onClick: PropTypes.func,
};

export default MyMessagesButton;