import persons from "images/icons/Persons.svg";
import { Button } from "components/shared/Button/Button";

export const UserButtonMobile: React.FC<any> = ({ active, onClick }) => {
  const button = {
    icon: persons,
    inactive: "",
    active: "",
    type: "",
  };
  return (
    <div
      style={active ? { background: "#2E3038" } : { background: "transparent" }}
      className="toolbar-button-area"
      onClick={() => onClick()}
    >
      <Button button={button}></Button>
    </div>
  );
};
