import{fk as f,r as c,u as j,aq as b,bf as k,j as t,aI as y,d as e,al as g,b6 as w,ca as u,y as s,c as l}from"./index-CK33qGU_.js";const I="/assets/basket_tuto_1-D0HdPLwt.png",C="/assets/basket_tuto_2-BWHAIpPn.png",_="/assets/basket_tuto_3-Du7RJkk8.png",P="/assets/basket_tuto_4--VQd05u0.png",v=({isOpen:d,handleToggle:a})=>{const h=f(),[i,x]=c.useState(!1),{id:r}=j(),{data:{id:n}={id:void 0}}=b(),o=k(),m=c.useCallback(()=>{i&&o.basket.showTutorial({userId:n,projectId:+r,showTutorial:!1}),a()},[i,o.basket,a,n,r]);return t.jsx(y,{size:"md",onClose:a,isOpen:d,title:"How to pick features from the UI?",footer:t.jsxs(e,{width:"100%",alignItems:"center",justifyContent:"space-between",children:[h?t.jsx(g,{label:"Don't display this message next time",checked:i,onChange:()=>x(p=>!p)}):t.jsx(e,{}),t.jsx(w,{onClick:m,intent:"secondary",children:"Got it"})]}),children:t.jsxs(e,{width:"100%",flexDirection:"column",height:"100%",children:[t.jsx(u,{mt:"20px"}),t.jsx(s,{gray:!0,bold:!0,children:"To perform your feature selection, you will find markers that let you pick your features where they are: in feature groups and statistics."}),t.jsx(s,{mt:"50px",bold:!0,children:"1. Navigate through feature groups and pick features using markers"}),t.jsxs(e,{mt:"12px",justifyContent:"center",children:[t.jsxs(e,{width:"50%",mr:"10px",flexDirection:"column",children:[t.jsx(l,{width:"100%",children:t.jsx("img",{width:"100%",src:I,alt:"Pick features individually"})}),t.jsx(s,{bold:!0,gray:!0,children:"Individually"})]}),t.jsxs(e,{width:"50%",ml:"10px",flexDirection:"column",children:[t.jsx(l,{width:"100%",children:t.jsx("img",{width:"100%",src:C,alt:"Pick features in bulk"})}),t.jsx(s,{bold:!0,gray:!0,children:"In bulk"})]})]}),t.jsx(s,{mt:"50px",bold:!0,children:"2. Open your list of selected features to manage your feature selection"}),t.jsx(e,{mt:"12px",justifyContent:"center",children:t.jsx("img",{width:"100%",src:_,alt:"Open basket during the feature selection"})}),t.jsx(s,{mt:"50px",bold:!0,children:"3. Come back to your training data to finalise it"}),t.jsx(u,{mt:"50px"}),t.jsx(s,{mt:"30px",bold:!0,children:"Note that you can start your feature selection before creating your training data at any moment by calling the basket."}),t.jsx(e,{mt:"12px",mb:"32px",justifyContent:"center",children:t.jsx("img",{width:"100%",src:P,alt:"Start feature selection"})})]})})};export{v as B};
