import React from "react";
import Typography from "@mui/material/Typography";
import { Button, Box } from "@mui/material";

import ListHeaderStyles from "./ListHeader.Styles";
const ListHeader = ({ handleClickFormModalOpen, isEmpty, text }) => {
  const classes = ListHeaderStyles();
  return (
      <Box component="span" m={1} className={classes.box}>
        <Typography variant="h6" component="h6">
          {text}
        </Typography>
        <Button
          variant="contained"
          color="primary"
          style={{ marginLeft: "auto" }}
          onClick={handleClickFormModalOpen}
        >
          Add
        </Button>
      </Box>
  );
};
export default ListHeader;