import {IconButton} from "@mui/material";
import CloseIcon from '@mui/icons-material/Close';
import NameField from "~/components/itemDialog/NameField";

export default function TitleHeader({ name, handleClose, isLink }:{ name: string|undefined, handleClose: Function, isLink: boolean }){
    return (
        <>
            <div className="report-title-header">
                <NameField name={name} isLink={isLink}/>
                <IconButton aria-label="Close">
                    <CloseIcon sx={{color: "#E0E3E7"}} onClick={() => handleClose()}/>
                </IconButton>
            </div>
        </>
    )
}