"use client"
import {Typography} from "@mui/material";

const data = [
    {
        id : "hello",
        Subitems : [
            {id : "amin",firstName : "amin", lastName:"ali",Subitems : [{id : "shahrokh",shahrokh : "shahrokh"}], hasSubitems : true, showSubitems : false},
            {id : "amir",firstName : "amir", lastName:"akbar", hasSubitems : false, showSubitems : false},
        ],
        hasSubitems : true,
        showSubitems : false
    },
    {
        id : "hi",
        Subitems : [
            {id : "ali",firstName : "ali", lastName:"ali", hasSubitems : false, showSubitems : false},
            {id : "akbar",firstName : "akbar", lastName:"akbar", hasSubitems : false, showSubitems : false},
        ],
        hasSubitems : true,
        showSubitems : false
    }
]
const MapTest = () => {
    const Amin =  data.map((item) => {
        return item.hasSubitems ? {...item, Subitems: item.Subitems.map((subitem) => true ? {
                ...subitem, showSubitems: !item.showSubitems
            } : subitem)} : item
    })


    console.log(Amin)


    return (
        <>
            <Typography>hello</Typography>
        </>
    )
}
export default MapTest