????
Your IP : 216.73.216.130
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{g as generateUtilityClass,b as generateUtilityClasses,s as styled,_ as _extends,r as reactExports,f as useThemeProps,j as _objectWithoutPropertiesLoose,k as jsxRuntimeExports,l as clsx,m as composeClasses,bU as ButtonBase,d as rootShouldForwardProp,a$ as alpha_1,b4 as ListContext,au as useEnhancedEffect,aU as useForkRef,ag as Avatar,F as useAuth,bw as Accounts,d9 as Storage,bh as CHECK_SUCCESS,bi as CHECK_ERROR,bj as CHECK_WARNING,B as Box,C as Card,x as IconButton,I as Icon,am as Grid,ar as Typography,cz as formatDate,b6 as Divider,aG as Stack,y as Button,aH as CircularProgress,H as H5,aM as List,h as useTheme,bm as ThemeProvider}from"./index-y1X-EiI1.js";import{X as styled$1,b as CardContent,u as useAsync,C as CardHeader,F as Form,a as FormControl,e as Tabs,f as Tab}from"./DataTable-BEDH0i35.js";import{B as Badge}from"./Badge-BUU8rl3f.js";import{l as listItemButtonClasses,g as getListItemButtonUtilityClass,a as ListItem,b as ListItemSecondaryAction}from"./ListItemText-BvrfP19N.js";import{L as ListItemIcon}from"./ListItemIcon-xDqItGhw.js";import"./Tooltip-C0pwvyhl.js";import"./Popper-BN0GgV3z.js";import"./utils-B_XeHYak.js";import"./TableRow-BfZy-RM-.js";import"./DialogTitle-B28XGy8_.js";import"./FormGroup-CEJG6asl.js";import"./Autocomplete-CpStdzj7.js";import"./Close-DnCuke95.js";import"./usePreviousProps-eNEUPQQG.js";import"./Chip-4iuxTgqW.js";import"./warning-BmqNoLzl.js";import"./TablePagination-Dnie0nHQ.js";import"./Toolbar-BZCdaOvb.js";import"./LoadingButton-DgqpHLzy.js";import"./Collapse-YEAu7S3-.js";import"./Alert-AfWalC00.js";import"./Switch-BlzK9Osj.js";import"./SwitchBase-HB81Uehs.js";import"./Checkbox-B8nePMFP.js";import"./AppBar-BrohM22l.js";function getCardMediaUtilityClass(slot){return generateUtilityClass("MuiCardMedia",slot)}__name(getCardMediaUtilityClass,"getCardMediaUtilityClass");generateUtilityClasses("MuiCardMedia",["root","media","img"]);const _excluded$1=["children","className","component","image","src","style"],useUtilityClasses$1=__name(ownerState=>{const{classes,isMediaComponent,isImageComponent}=ownerState;return composeClasses({root:["root",isMediaComponent&&"media",isImageComponent&&"img"]},getCardMediaUtilityClass,classes)},"useUtilityClasses$1"),CardMediaRoot=styled("div",{name:"MuiCardMedia",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props,{isMediaComponent,isImageComponent}=ownerState;return[styles.root,isMediaComponent&&styles.media,isImageComponent&&styles.img]}})(({ownerState})=>_extends({display:"block",backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"center"},ownerState.isMediaComponent&&{width:"100%"},ownerState.isImageComponent&&{objectFit:"cover"})),MEDIA_COMPONENTS=["video","audio","picture","iframe","img"],IMAGE_COMPONENTS=["picture","img"],CardMedia=reactExports.forwardRef(__name(function(inProps,ref){const props=useThemeProps({props:inProps,name:"MuiCardMedia"}),{children,className,component="div",image,src,style}=props,other=_objectWithoutPropertiesLoose(props,_excluded$1),isMediaComponent=MEDIA_COMPONENTS.indexOf(component)!==-1,composedStyle=!isMediaComponent&&image?_extends({backgroundImage:`url("${image}")`},style):style,ownerState=_extends({},props,{component,isMediaComponent,isImageComponent:IMAGE_COMPONENTS.indexOf(component)!==-1}),classes=useUtilityClasses$1(ownerState);return jsxRuntimeExports.jsx(CardMediaRoot,_extends({className:clsx(classes.root,className),as:component,role:!isMediaComponent&&image?"img":void 0,ref,style:composedStyle,ownerState,src:isMediaComponent?image||src:void 0},other,{children}))},"CardMedia2")),_excluded=["alignItems","autoFocus","component","children","dense","disableGutters","divider","focusVisibleClassName","selected","className"],overridesResolver=__name((props,styles)=>{const{ownerState}=props;return[styles.root,ownerState.dense&&styles.dense,ownerState.alignItems==="flex-start"&&styles.alignItemsFlexStart,ownerState.divider&&styles.divider,!ownerState.disableGutters&&styles.gutters]},"overridesResolver"),useUtilityClasses=__name(ownerState=>{const{alignItems,classes,dense,disabled,disableGutters,divider,selected}=ownerState,composedClasses=composeClasses({root:["root",dense&&"dense",!disableGutters&&"gutters",divider&&"divider",disabled&&"disabled",alignItems==="flex-start"&&"alignItemsFlexStart",selected&&"selected"]},getListItemButtonUtilityClass,classes);return _extends({},classes,composedClasses)},"useUtilityClasses"),ListItemButtonRoot=styled(ButtonBase,{shouldForwardProp:prop=>rootShouldForwardProp(prop)||prop==="classes",name:"MuiListItemButton",slot:"Root",overridesResolver})(({theme,ownerState})=>_extends({display:"flex",flexGrow:1,justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minWidth:0,boxSizing:"border-box",textAlign:"left",paddingTop:8,paddingBottom:8,transition:theme.transitions.create("background-color",{duration:theme.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(theme.vars||theme).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${listItemButtonClasses.selected}`]:{backgroundColor:theme.vars?`rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})`:alpha_1(theme.palette.primary.main,theme.palette.action.selectedOpacity),[`&.${listItemButtonClasses.focusVisible}`]:{backgroundColor:theme.vars?`rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))`:alpha_1(theme.palette.primary.main,theme.palette.action.selectedOpacity+theme.palette.action.focusOpacity)}},[`&.${listItemButtonClasses.selected}:hover`]:{backgroundColor:theme.vars?`rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))`:alpha_1(theme.palette.primary.main,theme.palette.action.selectedOpacity+theme.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:theme.vars?`rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})`:alpha_1(theme.palette.primary.main,theme.palette.action.selectedOpacity)}},[`&.${listItemButtonClasses.focusVisible}`]:{backgroundColor:(theme.vars||theme).palette.action.focus},[`&.${listItemButtonClasses.disabled}`]:{opacity:(theme.vars||theme).palette.action.disabledOpacity}},ownerState.divider&&{borderBottom:`1px solid ${(theme.vars||theme).palette.divider}`,backgroundClip:"padding-box"},ownerState.alignItems==="flex-start"&&{alignItems:"flex-start"},!ownerState.disableGutters&&{paddingLeft:16,paddingRight:16},ownerState.dense&&{paddingTop:4,paddingBottom:4})),ListItemButton=reactExports.forwardRef(__name(function(inProps,ref){const props=useThemeProps({props:inProps,name:"MuiListItemButton"}),{alignItems="center",autoFocus=!1,component="div",children,dense=!1,disableGutters=!1,divider=!1,focusVisibleClassName,selected=!1,className}=props,other=_objectWithoutPropertiesLoose(props,_excluded),context=reactExports.useContext(ListContext),childContext=reactExports.useMemo(()=>({dense:dense||context.dense||!1,alignItems,disableGutters}),[alignItems,context.dense,dense,disableGutters]),listItemRef=reactExports.useRef(null);useEnhancedEffect(()=>{autoFocus&&listItemRef.current&&listItemRef.current.focus()},[autoFocus]);const ownerState=_extends({},props,{alignItems,dense:childContext.dense,disableGutters,divider,selected}),classes=useUtilityClasses(ownerState),handleRef=useForkRef(listItemRef,ref);return jsxRuntimeExports.jsx(ListContext.Provider,{value:childContext,children:jsxRuntimeExports.jsx(ListItemButtonRoot,_extends({ref:handleRef,href:other.href||other.to,component:(other.href||other.to)&&component==="div"?"button":component,focusVisibleClassName:clsx(classes.focusVisible,focusVisibleClassName),ownerState,className:clsx(classes.root,className)},other,{classes,children}))})},"ListItemButton2")),formData$1={email:{field_name:"email",title:"Email",type:"textbox",rules:{required:"Vui lòng nhập",pattern:{value:/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/,message:"Không đúng định dạng"}}},displayName:{field_name:"displayName",title:"Tên hiển thị",type:"textbox",rules:{required:"Vui lòng nhập"}},soDienThoai:{field_name:"soDienThoai",title:"Số điện thoại",type:"textbox",rules:{required:"Vui lòng nhập"}}},MainAvatar=styled$1(Avatar)(({theme})=>({width:100,height:100,border:"2px solid"})),BadgeMain=styled$1(props=>jsxRuntimeExports.jsx(Badge,{...props}))(({theme})=>({position:"absolute",top:-50,display:"flex",justifyContent:"center"})),CardContentMain=styled$1(CardContent)(({theme})=>({position:"relative",display:"flex",justifyContent:"center"})),Infomation$1=__name(()=>{const current=new Date,[avatar,setAvatar]=reactExports.useState(null),[info,setInfo]=reactExports.useState({}),{updateUser,user}=useAuth(),updateInfo=reactExports.useCallback(data=>Accounts.updateInfo(data),[]),{execute,status}=useAsync(updateInfo),handleImgUpload=reactExports.useCallback(({target:{files}})=>{if(files){var FileSize=files[0].size/1024/1024;FileSize<=3?Accounts.uploadAvatar(files[0]).then(({resultObj})=>Storage.downloadFile(resultObj)).then(file=>{setAvatar(URL.createObjectURL(file)),updateUser({avatar:URL.createObjectURL(file)}),CHECK_SUCCESS("Cập nhật ảnh đại diện thành công")}).catch(err=>CHECK_ERROR("Thao tác không thành công")):CHECK_WARNING("Ảnh quá nặng không tải lên được!")}},[updateUser]),handleSubmit=reactExports.useCallback(data=>{execute(data)},[execute]),handleChangeNS=reactExports.useCallback((name,value)=>{setInfo(pre=>({...pre,[name]:value}))},[]);return jsxRuntimeExports.jsxs(Box,{children:[jsxRuntimeExports.jsxs(Card,{children:[jsxRuntimeExports.jsx(CardMedia,{sx:{height:140},image:"/assets/images/study-2.jpg",title:"green iguana"}),jsxRuntimeExports.jsxs(CardContentMain,{children:[jsxRuntimeExports.jsx(BadgeMain,{overlap:"circular",anchorOrigin:{vertical:"bottom",horizontal:"right"},badgeContent:jsxRuntimeExports.jsxs(IconButton,{color:"primary","aria-label":"upload picture",component:"label",children:[jsxRuntimeExports.jsx("input",{hidden:!0,accept:"image/*",type:"file",onChange:handleImgUpload}),jsxRuntimeExports.jsx(Icon,{children:"photo_camera"})]}),children:jsxRuntimeExports.jsx(MainAvatar,{alt:"Travis Howard",src:avatar||"/assets/images/avatar/002-woman.svg"})}),jsxRuntimeExports.jsxs(Grid,{container:!0,spacing:2,marginTop:3,children:[jsxRuntimeExports.jsx(Grid,{item:!0,xs:12,display:"flex",justifyContent:"center",children:jsxRuntimeExports.jsx(Typography,{fontSize:25,children:"Xin chào"})}),jsxRuntimeExports.jsxs(Grid,{item:!0,xs:12,display:"flex",gap:5,justifyContent:"center",children:[jsxRuntimeExports.jsxs(Box,{color:"cadetblue",display:"flex",alignItems:"center",gap:.2,children:[jsxRuntimeExports.jsx(Icon,{children:"webhook"}),jsxRuntimeExports.jsx("span",{children:"Cán bộ"})]}),jsxRuntimeExports.jsxs(Box,{color:"cadetblue",display:"flex",alignItems:"center",gap:.2,children:[jsxRuntimeExports.jsx(Icon,{children:"location_on"}),jsxRuntimeExports.jsx("span",{children:"Quy Nhơn"})]}),jsxRuntimeExports.jsxs(Box,{color:"cadetblue",display:"flex",alignItems:"center",gap:.2,children:[jsxRuntimeExports.jsx(Icon,{children:"cake"}),jsxRuntimeExports.jsx("span",{children:formatDate(current.toDateString())})]})]})]})]})]}),jsxRuntimeExports.jsxs(Card,{style:{marginTop:"1rem"},children:[jsxRuntimeExports.jsx(CardHeader,{title:"Thông tin cơ bản"}),jsxRuntimeExports.jsx(Divider,{}),jsxRuntimeExports.jsx(CardContent,{children:jsxRuntimeExports.jsxs(Form,{onSubmit:handleSubmit,children:[jsxRuntimeExports.jsx(Grid,{container:!0,spacing:2,children:Object.entries(formData$1).map(([key,value],idx)=>jsxRuntimeExports.jsx(Grid,{item:!0,xs:6,children:jsxRuntimeExports.jsx(FormControl,{data:{...value,name:key},rules:value.rules,name:key,value:user&&user[key],onChange:handleChangeNS,defaultValue:value.defaultValue||user[key]},idx+key)}))}),jsxRuntimeExports.jsxs(Stack,{direction:"row",justifyContent:"end",children:[jsxRuntimeExports.jsx(Button,{style:{marginRight:"5px"},variant:"outlined",color:"secondary",onClick:()=>setInfo(null),children:"Hủy"}),jsxRuntimeExports.jsxs(Button,{startIcon:jsxRuntimeExports.jsx(Icon,{children:"save"}),variant:"contained",type:"submit",color:"primary",disabled:status==="pending",children:["Lưu"," ",status==="pending"&&jsxRuntimeExports.jsx(CircularProgress,{size:20,color:"inherit",style:{marginLeft:"5px"}})]})]})]})})]})]})},"Infomation$1"),formData={oldPassword:{field_name:"oldPassword",title:"Mật khẩu hiện tại",type:"textbox",typeInput:"password",rules:{required:"Vui lòng nhập"}},newPassword:{field_name:"newPassword",title:"Mật khẩu mới",type:"textbox",typeInput:"password",rules:{required:"Vui lòng nhập",pattern:{value:/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[a-zA-Z]).{8,}$/,message:"Vui lòng kiểm tra điều kiện tạo"}}},confirmPassword:{field_name:"confirmPassword",title:"Xác nhận mật khẩu",type:"textbox",typeInput:"password",rules:{required:"Vui lòng nhập"}}},Rule=styled$1(({children,...props})=>jsxRuntimeExports.jsxs(Typography,{...props,children:[jsxRuntimeExports.jsx("div",{className:"dot"})," ",jsxRuntimeExports.jsx("p",{children})]}))(({theme})=>({alignItems:"center",gap:"8px",display:"flex","& .dot":{width:"8px",height:"8px",flexShrink:0,borderRadius:"50%",backgroundColor:"rgb(25, 118, 210)"},"& p":{margin:"0.5rem"}})),Infomation=__name(props=>{const[conditions,setConditions]=reactExports.useState({}),callApiAdd=reactExports.useCallback(data=>Accounts.accChangePassword(data).then(result=>{CHECK_SUCCESS("Cập nhật mật khẩu thành công!")}).catch(err=>{throw CHECK_ERROR("Không thành công!"),new Error(err)}),[]),{execute,status}=useAsync(callApiAdd),handleSubmit=reactExports.useCallback(data=>{const passwords={...data};delete passwords.confirmPassword,execute(passwords)},[execute]),handleChangeNS=reactExports.useCallback((name,value)=>{setConditions(pre=>({...pre,[name]:value}))},[]);return jsxRuntimeExports.jsxs(Card,{children:[jsxRuntimeExports.jsx(CardHeader,{title:props.title}),jsxRuntimeExports.jsx(Divider,{}),jsxRuntimeExports.jsx(CardContent,{children:jsxRuntimeExports.jsxs(Form,{onSubmit:handleSubmit,children:[jsxRuntimeExports.jsxs(Grid,{container:!0,spacing:2,children:[jsxRuntimeExports.jsx(Grid,{item:!0,xs:7,children:Object.entries(formData).map(([key,value],idx)=>jsxRuntimeExports.jsx(FormControl,{data:{...value,name:key},rules:value.rules,name:key,value:conditions&&conditions[key],onChange:handleChangeNS,defaultValue:value.defaultValue||conditions[key]},idx+key))}),jsxRuntimeExports.jsxs(Grid,{item:!0,xs:5,children:[jsxRuntimeExports.jsxs(Typography,{children:[jsxRuntimeExports.jsx(H5,{children:"Yêu cầu mật khẩu: Đảm bảo rằng các yêu cầu này được đáp ứng:"})," "]}),jsxRuntimeExports.jsx(Rule,{children:"Tối thiểu 8 ký tự"}),jsxRuntimeExports.jsx(Rule,{children:"Ít nhất một ký tự chữ thường"}),jsxRuntimeExports.jsx(Rule,{children:"Ít nhất một ký tự viết hoa"}),jsxRuntimeExports.jsx(Rule,{children:"Ít nhất một số, ký hiệu"})]})]}),jsxRuntimeExports.jsx(Button,{style:{marginRight:"5px"},variant:"outlined",color:"secondary",onClick:()=>setConditions(null),children:"Hủy"}),jsxRuntimeExports.jsxs(Button,{startIcon:jsxRuntimeExports.jsx(Icon,{children:"save"}),variant:"contained",type:"submit",color:"primary",disabled:status==="pending",children:["Lưu ",status==="pending"&&jsxRuntimeExports.jsx(CircularProgress,{size:20,color:"inherit",style:{marginLeft:"5px"}})]})]})})]})},"Infomation"),Network=__name(props=>jsxRuntimeExports.jsxs(Card,{children:[jsxRuntimeExports.jsx(CardHeader,{title:props.title}),jsxRuntimeExports.jsx(Divider,{}),jsxRuntimeExports.jsx(CardContent,{children:jsxRuntimeExports.jsxs(List,{children:[jsxRuntimeExports.jsxs(ListItem,{disablePadding:!0,children:[jsxRuntimeExports.jsxs(ListItemButton,{children:[jsxRuntimeExports.jsx(ListItemIcon,{children:jsxRuntimeExports.jsx(Avatar,{alt:"Remy Sharp",src:"/assets/images/social-media/facebook.svg"})}),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(Typography,{children:jsxRuntimeExports.jsx("h4",{style:{margin:0},children:"Facebook"})}),jsxRuntimeExports.jsx(Typography,{children:"www.facebook.com/ui-lib"})]})]}),jsxRuntimeExports.jsx(ListItemSecondaryAction,{children:jsxRuntimeExports.jsx(Button,{href:"https://www.facebook.com/ui-lib",target:"_blank",variant:"outlined",children:"Kết nối"})})]}),jsxRuntimeExports.jsxs(ListItem,{disablePadding:!0,children:[jsxRuntimeExports.jsxs(ListItemButton,{children:[jsxRuntimeExports.jsx(ListItemIcon,{children:jsxRuntimeExports.jsx(Avatar,{alt:"Remy Sharp",src:"/assets/images/social-media/twitter.svg"})}),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(Typography,{children:jsxRuntimeExports.jsx("h4",{style:{margin:0},children:"Twitter"})}),jsxRuntimeExports.jsx(Typography,{children:"www.twitter.com/ui-lib"})]})]}),jsxRuntimeExports.jsx(ListItemSecondaryAction,{children:jsxRuntimeExports.jsx(Button,{href:"https://www.twitter.com/ui-lib",target:"_blank",variant:"outlined",children:"Kết nối"})})]}),jsxRuntimeExports.jsxs(ListItem,{disablePadding:!0,children:[jsxRuntimeExports.jsxs(ListItemButton,{children:[jsxRuntimeExports.jsx(ListItemIcon,{children:jsxRuntimeExports.jsx(Avatar,{alt:"Remy Sharp",src:"/assets/images/social-media/skype.svg"})}),jsxRuntimeExports.jsxs(Grid,{item:!0,children:[jsxRuntimeExports.jsx(Typography,{children:jsxRuntimeExports.jsx("h4",{style:{margin:0},children:"Skype"})}),jsxRuntimeExports.jsx(Typography,{children:"www.skype.com/ui-lib"})]})]}),jsxRuntimeExports.jsx(ListItemSecondaryAction,{children:jsxRuntimeExports.jsx(Button,{href:"https://www.skype.com/ui-lib",target:"_blank",variant:"outlined",children:"Kết nối"})})]})]})})]}),"Network"),AntTabs=styled(Tabs)({borderBottom:"1px solid #e8e8e8",overflow:"hidden",borderRadius:"8px",padding:"1rem 0px",boxShadow:"rgb(0 0 0 / 6%) 0px 3px 3px -2px, rgb(0 0 0 / 4%) 0px 3px 4px 0px, rgb(0 0 0 / 4%) 0px 1px 8px",margin:"24px 0px 24px 24px",minWidth:"12rem","& .MuiTabs-indicator":{backgroundColor:"#1890ff",left:"0px !important"}}),AntTab=styled(props=>jsxRuntimeExports.jsx(Tab,{disableRipple:!0,...props}))(({theme})=>({textTransform:"none",[theme.breakpoints.up("sm")]:{minWidth:0},fontWeight:theme.typography.fontWeightRegular,marginRight:theme.spacing(1),color:"rgba(0, 0, 0, 0.85)",textAlign:"start",fontFamily:["-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial","sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"'].join(","),"&:hover":{color:"#40a9ff",opacity:1,backgroundColor:"rgba(25, 118, 210, 0.04)"},"&.Mui-selected":{color:"#1890ff",fontWeight:theme.typography.fontWeightMedium,backgroundColor:"rgba(25, 118, 210, 0.04)"},"&.Mui-focusVisible":{backgroundColor:"#d1eaff"},"&.MuiButtonBase-root":{alignSelf:"baseline",width:"100%",justifyContent:"start"},"& .tab-icon":{display:"flex",alignItems:"center"}})),tabs=[{title:"Thông tin cơ bản",icon:"perm_identity",element:jsxRuntimeExports.jsx(Infomation$1,{})},{title:"Mật khẩu",icon:"lock",element:jsxRuntimeExports.jsx(Infomation,{})},{title:"Thông báo",icon:"notifications",element:jsxRuntimeExports.jsx(Network,{})},{title:"Kết nối",icon:"facebook",element:jsxRuntimeExports.jsx(Network,{})}];function TabPanel(props){const{children,value,index,title,...other}=props;return jsxRuntimeExports.jsx("div",{style:{width:"100%",margin:"24px"},role:"tabpanel",hidden:value!==index,id:`vertical-tabpanel-${index}`,"aria-labelledby":`vertical-tab-${index}`,...other,children:reactExports.cloneElement(children,{title})})}__name(TabPanel,"TabPanel");function a11yProps(index){return{id:`vertical-tab-${index}`,"aria-controls":`vertical-tabpanel-${index}`}}__name(a11yProps,"a11yProps");function VerticalTabs(){const[value,setValue]=reactExports.useState(0),handleChange=__name((event,newValue)=>{setValue(newValue)},"handleChange"),theme=useTheme();return jsxRuntimeExports.jsx(ThemeProvider,{theme,children:jsxRuntimeExports.jsxs(Box,{sx:{flexGrow:1,bgcolor:"background.paper",display:"flex"},children:[jsxRuntimeExports.jsx(AntTabs,{orientation:"vertical",variant:"fullWidth",value,onChange:handleChange,"aria-label":"",sx:{borderRight:1,borderColor:"divider"},children:tabs.map((cur,idx)=>jsxRuntimeExports.jsx(AntTab,{icon:jsxRuntimeExports.jsxs("span",{className:"tab-icon",children:[jsxRuntimeExports.jsx(Icon,{color:"disabled",style:{marginRight:"0.5rem"},children:cur.icon}),jsxRuntimeExports.jsx("span",{children:cur.title})]}),...a11yProps(idx)},idx+"tab"))}),tabs.map((cur,idx)=>jsxRuntimeExports.jsx(TabPanel,{title:cur.title,value,index:idx,children:cur.element},idx))]})})}__name(VerticalTabs,"VerticalTabs");export{VerticalTabs as default};