import { Add } from "@mui/icons-material";
import React from "react";
import "./AddUser.scss";

const AddUser: React.FC<{
  onAddUser?: () => void;
  onExport?: () => void;
}> = ({ onAddUser, onExport }) => {
  return (
    <div className="add-user">
      <button
        type="button"
        onClick={onAddUser}
        className="add-user__button add-user__button--primary"
      >
        <Add />
        Add User
      </button>
      <button
        type="button"
        onClick={onExport}
        className="add-user__button add-user__button--secondary"
        disabled
        title="Export to Excel (coming soon)"
      >
        Export to Excel
      </button>
    </div>
  );
};

export default AddUser;