bug on reactflow render, now tabs kind of work, but is not perfect yet, does not have the save function yet

space_flow/src/pages/FlowPage/flowManager/tabComponent/index.tsx

@@ -1,12 +1,16 @@
+import { XMarkIcon } from "@heroicons/react/24/solid";
+import { classNames } from "../../../../utils";
+
 type tabProps = {
     name:string;
 }
 
 
-export default function TabComponent({children}){
+export default function TabComponent({children,selected}){
     return(
-        <div className="bg-blue-400 w-2">
+        <div className={classNames(selected?" shadow-lg":"bg-gray-300","flex border-t border-l border-r border-black rounded-t-md shadow-sm cursor-pointer")}>
             {children}
+            <XMarkIcon className="w-5 hover:text-red-500"></XMarkIcon>
         </div>
     )
 }