import { Button } from "../Button";
import React from "react";
import CloseIcon from "@mui/icons-material/Close";

export default function FilterPanelHeader({ title, toggleDrawer }) {
  return (
    <div className="impact_drawer_filter_header">
      <div className="impact_drawer_filter_left_header">
        <span className="impact_drawer_filter_left_heading_icon"></span>
        <div className="impact_drawer_filter_left_heading">{title}</div>
      </div>
      <Button variant="text" onClick={toggleDrawer} icon={<CloseIcon />} />
    </div>
  );
}
