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

interface AddUserProps {
  onAddUser?: () => void;
  onExport?: () => void;
}

const AddUser: React.FC<AddUserProps> = ({ onAddUser, onExport }) => {
  return (
    <div className="add-user">
      <div className="add-user__sticky-container">
        <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>
    </div>
  );
};

export default AddUser;