https://fandoro.com/_next/static/chunks/pages/components/apps/treeview-5b3ad5675dd5e488.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5396],{69480:function(e,l,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/apps/treeview",function(){return s(65572)}])},65572:function(e,l,s){"use strict";s.r(l);var o=s(85893),d=s(67294),a=s(34051),n=s(31555),t=s(52686),r=s(72867),x=s(53515),c=s(90948),b=s(9873),j=s(69417),I=s(23508),i=s(26613),Z=s(234),p=s(41687),m=s(49829),R=s(68188),h=s(16704),u=s(5616),f=s(15861),g=s(19621),y=s(32457),N=s(41985),C=s(62601),E=s(45111),M=s(21596),T=s(14210),w=s(74721),v=s(48837),H=s(31122),S=s(95242),B=s(66536),k=s(54637),A=s(68309),_=s(26130),P=s(50352),L=s(75302),W=s(15398),z=s(33272);let D=()=>{let[e,l]=(0,d.useState)([]),[s,D]=(0,d.useState)([]),X=(e,s)=>{l(s)},F=(e,l)=>{D(l)},G=()=>{l(e=>0===e.length?["1","20","39","58","77","96","2","9"]:[])},O=()=>{D(e=>0===e.length?["1","20","39","58","77","96","2","9"]:[])},V=(0,c.ZP)(Z.Z)(e=>{let{theme:l}=e;return{color:l.palette.text.secondary,["& .".concat(x.treeItemClasses.content)]:{color:l.palette.text.secondary,borderTopRightRadius:l.spacing(2),borderBottomRightRadius:l.spacing(2),paddingRight:l.spacing(1),fontWeight:l.typography.fontWeightMedium,"&.Mui-expanded":{fontWeight:l.typography.fontWeightRegular},"&:hover":{backgroundColor:l.palette.action.hover},"&.Mui-focused, &.Mui-selected, &.Mui-selected.Mui-focused":{backgroundColor:"var(--tree-view-bg-color, ".concat(l.palette.action.selected,")"),color:"var(--tree-view-color)"},["& .".concat(x.treeItemClasses.label)]:{fontWeight:"inherit",color:"inherit"}},["& .".concat(x.treeItemClasses.group)]:{marginLeft:0,["& .".concat(x.treeItemClasses.content)]:{paddingLeft:l.spacing(2)}}}});function U(e){let{bgColor:l,color:s,labelIcon:d,labelInfo:a,labelText:n,...t}=e;return(0,o.jsx)(V,{label:(0,o.jsxs)(u.Z,{sx:{display:"flex",alignItems:"center",p:.5,pr:0},children:[(0,o.jsx)(u.Z,{component:d,color:"inherit",sx:{mr:1}}),(0,o.jsx)(f.Z,{variant:"body2",sx:{fontWeight:"inherit",flexGrow:1},children:n}),(0,o.jsx)(f.Z,{variant:"caption",color:"inherit",children:a})]}),style:{"--tree-view-color":s,"--tree-view-bg-color":l},...t})}return(0,o.jsxs)("div",{children:[(0,o.jsx)(z.Z,{title:"Treeview"}),(0,o.jsx)(r.Z,{titles:"Treeview",active:"Treeview",items:["Apps"]}),(0,o.jsx)(a.Z,{children:(0,o.jsxs)(n.Z,{md:12,children:[(0,o.jsx)(t.Z,{className:"mg-b-20",children:(0,o.jsxs)(t.Z.Body,{children:[(0,o.jsx)("div",{className:"main-content-label mg-b-5",children:"Basic Treeview"}),(0,o.jsx)("p",{className:"mg-b-20 card-sub-title fs-12 text-muted",children:"It is Very Easy to Customize and it uses in website apllication."}),(0,o.jsxs)(a.Z,{children:[(0,o.jsx)(n.Z,{lg:4,children:(0,o.jsxs)(b.Z,{"aria-label":"file system navigator",defaultCollapseIcon:(0,o.jsx)(I.Z,{}),defaultExpandIcon:(0,o.jsx)(i.Z,{}),children:[(0,o.jsxs)(Z.Z,{nodeId:"1",label:"TECH",children:[(0,o.jsx)(Z.Z,{nodeId:"2",label:"Company Maintenance"}),(0,o.jsx)(Z.Z,{nodeId:"3",label:"Employees",children:(0,o.jsx)(Z.Z,{nodeId:"4",label:"Reports"})}),(0,o.jsx)(Z.Z,{nodeId:"5",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"6",label:"XRP",children:[(0,o.jsx)(Z.Z,{nodeId:"7",label:"Company Maintenance"}),(0,o.jsx)(Z.Z,{nodeId:"8",label:"Employees",children:(0,o.jsx)(Z.Z,{nodeId:"9",label:"Reports"})}),(0,o.jsx)(Z.Z,{nodeId:"10",label:"Human Resources"})]})]})}),(0,o.jsx)(n.Z,{lg:4,className:"mt-4 mt-lg-0",children:(0,o.jsxs)(b.Z,{"aria-label":"file system navigator",defaultCollapseIcon:(0,o.jsx)(m.Z,{}),defaultExpandIcon:(0,o.jsx)(p.Z,{}),children:[(0,o.jsxs)(Z.Z,{nodeId:"1",label:"TECH",children:[(0,o.jsx)(Z.Z,{nodeId:"2",label:"Company Maintenance"}),(0,o.jsx)(Z.Z,{nodeId:"3",label:"Employees",children:(0,o.jsx)(Z.Z,{nodeId:"4",label:"Reports"})}),(0,o.jsx)(Z.Z,{nodeId:"5",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"6",label:"XRP",children:[(0,o.jsx)(Z.Z,{nodeId:"7",label:"Company Maintenance"}),(0,o.jsx)(Z.Z,{nodeId:"8",label:"Employees",children:(0,o.jsx)(Z.Z,{nodeId:"9",label:"Reports"})}),(0,o.jsx)(Z.Z,{nodeId:"10",label:"Human Resources"})]})]})}),(0,o.jsx)(n.Z,{lg:4,className:"mt-4 mt-lg-0 filetreeview",children:(0,o.jsxs)(b.Z,{"aria-label":"file system navigator",defaultCollapseIcon:(0,o.jsx)(R.Z,{}),defaultExpandIcon:(0,o.jsx)(R.Z,{}),children:[(0,o.jsxs)(Z.Z,{nodeId:"1",label:"TECH",children:[(0,o.jsx)(Z.Z,{nodeId:"2",label:"Company Maintenance"}),(0,o.jsx)(Z.Z,{nodeId:"3",label:"Employees",children:(0,o.jsx)(Z.Z,{nodeId:"4",label:"Reports"})}),(0,o.jsx)(Z.Z,{nodeId:"5",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"6",label:"XRP",children:[(0,o.jsx)(Z.Z,{nodeId:"7",label:"Company Maintenance"}),(0,o.jsx)(Z.Z,{nodeId:"8",label:"Employees",children:(0,o.jsx)(Z.Z,{nodeId:"9",label:"Reports"})}),(0,o.jsx)(Z.Z,{nodeId:"10",label:"Human Resources"})]})]})})]})]})}),(0,o.jsxs)(a.Z,{children:[(0,o.jsx)(n.Z,{xxl:8,children:(0,o.jsx)(t.Z,{children:(0,o.jsxs)(t.Z.Body,{children:[(0,o.jsx)("div",{className:"main-content-label mg-b-5",children:"Tree View Styles"}),(0,o.jsx)("p",{className:"mg-b-20 card-sub-title fs-12 text-muted",children:"It is Very Easy to Customize and it uses in website apllication."}),(0,o.jsxs)(a.Z,{children:[(0,o.jsx)(n.Z,{lg:6,xl:6,className:"collapsabletreeview1",children:(0,o.jsxs)(b.Z,{"aria-label":"file system navigator",defaultCollapseIcon:(0,o.jsx)(m.Z,{className:"text-danger"}),defaultExpandIcon:(0,o.jsx)(p.Z,{className:"text-primary"}),children:[(0,o.jsxs)(Z.Z,{nodeId:"1",label:"Treeview1",children:[(0,o.jsx)(Z.Z,{nodeId:"2",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"3",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"4",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"5",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"6",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"7",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"8",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"9",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"10",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"11",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"12",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"13",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"14",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"15",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"16",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"17",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"18",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"19",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"20",label:"Treeview2",children:[(0,o.jsx)(Z.Z,{nodeId:"21",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"22",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"23",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"24",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"25",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"26",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"27",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"28",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"29",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"30",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"31",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"32",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"33",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"34",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"35",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"36",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"37",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"38",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"39",label:"Treeview3",children:[(0,o.jsx)(Z.Z,{nodeId:"40",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"41",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"42",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"43",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"44",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"45",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"46",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"47",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"48",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"49",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"50",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"51",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"52",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"53",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"54",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"55",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"56",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"57",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"58",label:"Treeview4",children:[(0,o.jsx)(Z.Z,{nodeId:"59",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"60",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"61",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"62",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"63",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"64",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"65",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"66",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"67",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"68",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"69",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"70",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"71",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"72",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"73",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"74",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"75",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"76",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"77",label:"Treeview5",children:[(0,o.jsx)(Z.Z,{nodeId:"78",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"79",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"80",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"81",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"82",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"83",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"84",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"85",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"86",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"87",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"88",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"89",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"90",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"91",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"92",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"93",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"94",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"95",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"96",label:"Treeview6",children:[(0,o.jsx)(Z.Z,{nodeId:"97",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"98",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"99",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"100",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"101",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"102",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"103",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"104",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"105",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"106",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"107",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"108",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"109",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"110",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"111",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"112",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"113",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"114",label:"Human Resources"})]})]})}),(0,o.jsx)(n.Z,{lg:6,xl:6,className:"mt-4 mt-lg-0 collapsabletreeview1",children:(0,o.jsxs)(b.Z,{"aria-label":"file system navigator",defaultCollapseIcon:(0,o.jsx)(m.Z,{className:"text-danger"}),defaultExpandIcon:(0,o.jsx)(p.Z,{className:"text-primary"}),children:[(0,o.jsxs)(Z.Z,{nodeId:"1",label:"Treeview1",children:[(0,o.jsx)(Z.Z,{nodeId:"2",label:"Company Maintenance",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"3",label:"Employees",className:"text-pink",children:[(0,o.jsxs)(Z.Z,{nodeId:"4",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"5",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"6",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"7",label:"Report3",className:"text-success"})]}),(0,o.jsxs)(Z.Z,{nodeId:"8",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"9",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"10",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"11",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"12",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"13",label:"Employee Maint.",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"14",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"15",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"16",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"17",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"18",label:"Employee Maint.",className:"text-warning"})]})]}),(0,o.jsx)(Z.Z,{nodeId:"19",label:"Human Resources",className:"text-warning"})]}),(0,o.jsxs)(Z.Z,{nodeId:"20",label:"Treeview1",children:[(0,o.jsx)(Z.Z,{nodeId:"21",label:"Company Maintenance",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"22",label:"Employees",className:"text-pink",children:[(0,o.jsxs)(Z.Z,{nodeId:"23",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"24",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"25",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"26",label:"Report3",className:"text-success"})]}),(0,o.jsxs)(Z.Z,{nodeId:"27",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"28",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"29",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"30",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"31",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"32",label:"Employee Maint.",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"33",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"34",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"35",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"36",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"37",label:"Employee Maint.",className:"text-warning"})]})]}),(0,o.jsx)(Z.Z,{nodeId:"38",label:"Human Resources",className:"text-warning"})]}),(0,o.jsxs)(Z.Z,{nodeId:"39",label:"Treeview1",children:[(0,o.jsx)(Z.Z,{nodeId:"40",label:"Company Maintenance",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"41",label:"Employees",className:"text-pink",children:[(0,o.jsxs)(Z.Z,{nodeId:"42",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"43",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"44",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"45",label:"Report3",className:"text-success"})]}),(0,o.jsxs)(Z.Z,{nodeId:"46",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"47",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"48",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"49",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"50",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"51",label:"Employee Maint.",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"52",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"53",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"54",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"55",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"56",label:"Employee Maint.",className:"text-warning"})]})]}),(0,o.jsx)(Z.Z,{nodeId:"57",label:"Human Resources",className:"text-warning"})]}),(0,o.jsxs)(Z.Z,{nodeId:"58",label:"Treeview1",children:[(0,o.jsx)(Z.Z,{nodeId:"59",label:"Company Maintenance",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"60",label:"Employees",className:"text-pink",children:[(0,o.jsxs)(Z.Z,{nodeId:"61",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"62",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"63",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"64",label:"Report3",className:"text-success"})]}),(0,o.jsxs)(Z.Z,{nodeId:"65",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"66",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"67",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"68",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"69",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"70",label:"Employee Maint.",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId

1:"71",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"72",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"73",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"74",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"75",label:"Employee Maint.",className:"text-warning"})]})]}),(0,o.jsx)(Z.Z,{nodeId:"76",label:"Human Resources",className:"text-warning"})]}),(0,o.jsxs)(Z.Z,{nodeId:"77",label:"Treeview1",children:[(0,o.jsx)(Z.Z,{nodeId:"78",label:"Company Maintenance",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"79",label:"Employees",className:"text-pink",children:[(0,o.jsxs)(Z.Z,{nodeId:"80",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"81",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"82",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"83",label:"Report3",className:"text-success"})]}),(0,o.jsxs)(Z.Z,{nodeId:"84",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"85",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"86",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"87",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"88",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"89",label:"Employee Maint.",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"90",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"91",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"92",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"93",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"94",label:"Employee Maint.",className:"text-warning"})]})]}),(0,o.jsx)(Z.Z,{nodeId:"95",label:"Human Resources",className:"text-warning"})]}),(0,o.jsxs)(Z.Z,{nodeId:"96",label:"Treeview1",children:[(0,o.jsx)(Z.Z,{nodeId:"97",label:"Company Maintenance",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"98",label:"Employees",className:"text-pink",children:[(0,o.jsxs)(Z.Z,{nodeId:"99",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"100",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"101",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"102",label:"Report3",className:"text-success"})]}),(0,o.jsxs)(Z.Z,{nodeId:"103",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"104",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"105",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"106",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"107",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"108",label:"Employee Maint.",className:"text-warning"}),(0,o.jsxs)(Z.Z,{nodeId:"109",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"110",label:"Report1",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"111",label:"Report2",className:"text-success"}),(0,o.jsx)(Z.Z,{nodeId:"112",label:"Report3",className:"text-success"})]}),(0,o.jsx)(Z.Z,{nodeId:"113",label:"Employee Maint.",className:"text-warning"})]})]}),(0,o.jsx)(Z.Z,{nodeId:"114",label:"Human Resources",className:"text-warning"})]})]})})]})]})})}),(0,o.jsx)(n.Z,{xxl:4,children:(0,o.jsx)(t.Z,{children:(0,o.jsx)(t.Z.Body,{children:(0,o.jsxs)(a.Z,{children:[(0,o.jsx)("div",{className:"main-content-label mg-b-5",children:"Collapsable Treeview"}),(0,o.jsx)(n.Z,{lg:12,className:"mt-2 mt-lg-0 collapsabletreeview",children:(0,o.jsxs)(u.Z,{sx:{flexGrow:1,overflowY:"auto"},children:[(0,o.jsxs)(u.Z,{className:"btn-group",sx:{mb:1},children:[(0,o.jsx)(j.Z,{className:"btn",onClick:G,children:0===e.length?"Expand all":"Collapse all"}),(0,o.jsx)(j.Z,{className:"btn",onClick:O,children:0===s.length?"Select all":"Unselect all"})]}),(0,o.jsxs)(b.Z,{"aria-label":"controlled",defaultCollapseIcon:(0,o.jsx)(I.Z,{}),defaultExpandIcon:(0,o.jsx)(i.Z,{}),expanded:e,selected:s,onNodeToggle:X,onNodeSelect:F,multiSelect:!0,children:[(0,o.jsxs)(Z.Z,{nodeId:"1",label:"Treeview1",children:[(0,o.jsx)(Z.Z,{nodeId:"2",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"3",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"4",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"5",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"6",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"7",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"8",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"9",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"10",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"11",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"12",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"13",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"14",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"15",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"16",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"17",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"18",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"19",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"20",label:"Treeview2",children:[(0,o.jsx)(Z.Z,{nodeId:"21",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"22",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"23",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"24",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"25",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"26",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"27",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"28",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"29",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"30",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"31",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"32",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"33",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"34",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"35",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"36",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"37",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"38",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"39",label:"Treeview3",children:[(0,o.jsx)(Z.Z,{nodeId:"40",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"41",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"42",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"43",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"44",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"45",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"46",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"47",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"48",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"49",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"50",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"51",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"52",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"53",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"54",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"55",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"56",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"57",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"58",label:"Treeview4",children:[(0,o.jsx)(Z.Z,{nodeId:"59",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"60",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"61",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"62",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"63",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"64",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"65",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"66",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"67",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"68",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"69",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"70",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"71",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"72",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"73",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"74",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"75",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"76",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"77",label:"Treeview5",children:[(0,o.jsx)(Z.Z,{nodeId:"78",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"79",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"80",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"81",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"82",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"83",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"84",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"85",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"86",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"87",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"88",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"89",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"90",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"91",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"92",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"93",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"94",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"95",label:"Human Resources"})]}),(0,o.jsxs)(Z.Z,{nodeId:"96",label:"Treeview6",children:[(0,o.jsx)(Z.Z,{nodeId:"97",label:"Company Maintenance"}),(0,o.jsxs)(Z.Z,{nodeId:"98",label:"Employees",children:[(0,o.jsxs)(Z.Z,{nodeId:"99",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"100",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"101",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"102",label:"Report3"})]}),(0,o.jsxs)(Z.Z,{nodeId:"103",label:"Employee Maint.",children:[(0,o.jsxs)(Z.Z,{nodeId:"104",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"105",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"106",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"107",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"108",label:"Employee Maint."}),(0,o.jsxs)(Z.Z,{nodeId:"109",label:"Reports",children:[(0,o.jsx)(Z.Z,{nodeId:"110",label:"Report1"}),(0,o.jsx)(Z.Z,{nodeId:"111",label:"Report2"}),(0,o.jsx)(Z.Z,{nodeId:"112",label:"Report3"})]}),(0,o.jsx)(Z.Z,{nodeId:"113",label:"Employee Maint."})]})]}),(0,o.jsx)(Z.Z,{nodeId:"114",label:"Human Resources"})]})]})]})})]})})})})]})]})}),(0,o.jsx)(a.Z,{children:(0,o.jsx)(n.Z,{md:12,children:(0,o.jsx)(t.Z,{children:(0,o.jsxs)(t.Z.Body,{children:[(0,o.jsx)("div",{className:"main-content-label mg-b-5",children:"Animated Directory Styles"}),(0,o.jsx)("p",{className:"mg-b-20 card-sub-title fs-12 text-muted",children:"It is Very Easy to Customize and it uses in website apllication."}),(0,o.jsx)(a.Z,{children:(0,o.jsx)(n.Z,{lg:4,className:"mt-4 mt-lg-0 ",children:(0,o.jsx)("div",{className:"dTree",children:(0,o.jsxs)(b.Z,{defaultCollapseIcon:(0,o.jsx)(E.Z,{}),defaultExpandIcon:(0,o.jsx)(M.Z,{}),defaultEndIcon:(0,o.jsx)("div",{style:{width:24}}),children:[(0,o.jsx)(U,{nodeId:"1",labelText:"Site",labelIcon:T.Z}),(0,o.jsx)(U,{nodeId:"2",labelText:"About the Web Site",labelIcon:w.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"3",labelText:"Contact Us",labelIcon:v.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsxs)(U,{nodeId:"4",labelText:"Cars",labelIcon:k.Z,children:[(0,o.jsx)(U,{nodeId:"5",labelText:"Add New Brand",labelIcon:A.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"6",labelText:"List All Brand",labelIcon:_.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsxs)(U,{nodeId:"7",labelText:"Mercedes - Benz",labelIcon:k.Z,children:[(0,o.jsx)(U,{nodeId:"8",labelText:"About the Mercedes - Benz",labelIcon:w.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"9",labelText:"History",labelIcon:y.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsxs)(U,{nodeId:"10",labelText:"Series",labelIcon:P.Z,children:[(0,o.jsxs)(U,{nodeId:"11",labelText:"A Series",labelIcon:k.Z,children:[(0,o.jsx)(U,{nodeId:"12",labelText:"A 140",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"13",labelText:"A 150",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"14",labelText:"A 180 CDI",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"15",labelText:"A 200 CDI",labelIcon:k.Z})]}),(0,o.jsxs)(U,{nodeId:"16",labelText:"B Series",labelIcon:k.Z,children:[(0,o.jsx)(U,{nodeId:"17",labelText:"B 140",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"18",labelText:"B 150",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"19",labelText:"B 180 CDI",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsxs)(U,{nodeId:"20",labelText:"B Special Series",labelIcon:k.Z,children:[(0,o.jsx)(U,{nodeId:"21",labelText:"B Extreme",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"22",labelText:"B Jumper",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"23",labelText:"B Raiden",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"24",labelText:"B Subzero",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"})]})]}),(0,o.jsx)(U,{nodeId:"25",labelText:"Concept Cars",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"26",labelText:"Best Prototypes",labelIcon:h.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"27",labelText:"List all other categories",labelIcon:_.Z})]}),(0,o.jsx)(U,{nodeId:"28",labelText:"Custom Series",labelIcon:L.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"29",labelText:"A+ Series for children",labelIcon:W.Z}),(0,o.jsx)(U,{nodeId:"30",labelText:"B+ Series for women",labelIcon:W.Z})]}),(0,o.jsx)(U,{nodeId:"31",labelText:"Chevrolet",labelIcon:k.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"32",labelText:"Saab Custom models",labelIcon:L.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsxs)(U,{nodeId:"33",labelText:"Fiat",labelIcon:N.Z,children:[(0,o.jsx)(U,{nodeId:"34",labelText:"Kartal SLX",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"35",labelText:"Dogan 1.6 Turbo",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"36",labelText:"Sahin",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsxs)(U,{nodeId:"37",labelText:"Dogan Gorunumlu Sahin",labelIcon:N.Z,children:[(0,o.jsx)(U,{nodeId:"38",labelText:"1.3 Motor",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"39",labelText:"1.6 Motor",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"40",labelText:"1.8 Motor",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"41",labelText:"2.0 Motor",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"})]}),(0,o.jsx)(U,{nodeId:"42",labelText:"Serce",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"43",labelText:"Murat 131",labelIcon:N.Z,color:"#1a73e8",bgColor:"#e8f0fe"})]})]}),(0,o.jsx)(U,{nodeId:"44",labelText:"Electronic Models",labelIcon:g.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"45",labelText:"Real Estate",labelIcon:C.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"46",labelText:"Bruce Lee",labelIcon:H.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"47",labelText:"Graphics",labelIcon:S.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsxs)(U,{nodeId:"48",labelText:"Smart Phones",labelIcon:B.Z,children:[(0,o.jsx)(U,{nodeId:"49",labelText:"Ap

1ple",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"50",labelText:"Samsung",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"51",labelText:"LG",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"52",labelText:"Sony",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"53",labelText:"HTC",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"54",labelText:"MI",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"55",labelText:"Oppo",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsxs)(U,{nodeId:"56",labelText:"Other Models",labelIcon:B.Z,children:[(0,o.jsx)(U,{nodeId:"57",labelText:"First other model",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"}),(0,o.jsx)(U,{nodeId:"58",labelText:"Second other model",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"})]}),(0,o.jsx)(U,{nodeId:"59",labelText:"Add New Model",labelIcon:B.Z,color:"#1a73e8",bgColor:"#e8f0fe"})]})]})})})})]})})})})]})};D.layout="Contentlayout",l.default=D},72867:function(e,l,s){"use strict";var o=s(85893);s(67294);var d=s(26699);let a=e=>(0,o.jsx)("div",{children:(0,o.jsxs)("div",{className:"page-header",children:[(0,o.jsx)("h1",{className:"page-title",children:e.titles}),(0,o.jsx)("div",{children:(0,o.jsxs)(d.Z,{children:[e.items.map((e,l)=>(0,o.jsx)(d.Z.Item,{href:"#!",children:e},l)),(0,o.jsx)(d.Z.Item,{href:"#!",active:!0,children:e.active})]})})]})});l.Z=a},33272:function(e,l,s){"use strict";s.d(l,{Z:function(){return r}});var o=s(85893);s(67294);var d=s(9008),a=s.n(d),n={src:"/_next/static/media/favicon.00e6795d.ico",height:16,width:16,blurWidth:0,blurHeight:0};let t=e=>{let{title:l}=e;return(0,o.jsxs)(a(),{children:[(0,o.jsx)("title",{children:" Fandoro Technologies - Making Businesses Responsible"}),(0,o.jsx)("link",{rel:"icon",href:n.src}),(0,o.jsx)("meta",{name:"description",content:"Fandoro Technologies - making businesses responsible"}),(0,o.jsx)("meta",{name:"author",content:"Fandoro Technologies Private Limited"}),(0,o.jsx)("meta",{name:"keywords",content:"next js dashboard template, admin dashboard nextjs, next js admin template, next js admin panel, admin dashboard, nextjs react bootstrap, react bootstrap with next js, next js admin dashboard, nextjs admin dashboard template, admin panel template, admin template react bootstrap, nextjs dashboard,next js react bootstrap"})]})};var r=t}},function(e){e.O(0,[917,7821,4938,7517,862,9774,2888,179],function(){return e(e.s=69480)}),_N_E=e.O()}]);