import{gq as f,r as c,u as j,cK as b,b1 as g,j as e,aC as k,Q as t,ae as y,aU as w,cu as u,x as s,o as l}from"./index-ea7817a2.js";const C="/assets/basket_tuto_1-0b9480c9.png",I="/assets/basket_tuto_2-e28a591c.png",_="/assets/basket_tuto_3-eadf7edb.png",v="/assets/basket_tuto_4-98f89761.png",T=({isOpen:d,handleToggle:a})=>{const x=f(),[i,h]=c.useState(!1),{id:r}=j(),{data:{id:n}={id:void 0}}=b(),o=g(),m=c.useCallback(()=>{i&&o.basket.showTutorial({userId:n,projectId:+r,showTutorial:!1}),a()},[i,o.basket,a,n,r]);return e.jsx(k,{size:"md",onClose:a,isOpen:d,title:"How to pick features from the UI?",footer:e.jsxs(t,{width:"100%",alignItems:"center",justifyContent:"space-between",children:[x?e.jsx(y,{label:"Don't display this message next time",checked:i,onChange:()=>h(p=>!p)}):e.jsx(t,{}),e.jsx(w,{onClick:m,intent:"secondary",children:"Got it"})]}),children:e.jsxs(t,{width:"100%",flexDirection:"column",height:"100%",children:[e.jsx(u,{mt:"20px"}),e.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."}),e.jsx(s,{mt:"50px",bold:!0,children:"1. Navigate through feature groups and pick features using markers"}),e.jsxs(t,{mt:"12px",justifyContent:"center",children:[e.jsxs(t,{width:"50%",mr:"10px",flexDirection:"column",children:[e.jsx(l,{width:"100%",children:e.jsx("img",{width:"100%",src:C,alt:"Pick features individually"})}),e.jsx(s,{bold:!0,gray:!0,children:"Individually"})]}),e.jsxs(t,{width:"50%",ml:"10px",flexDirection:"column",children:[e.jsx(l,{width:"100%",children:e.jsx("img",{width:"100%",src:I,alt:"Pick features in bulk"})}),e.jsx(s,{bold:!0,gray:!0,children:"In bulk"})]})]}),e.jsx(s,{mt:"50px",bold:!0,children:"2. Open your list of selected features to manage your feature selection"}),e.jsx(t,{mt:"12px",justifyContent:"center",children:e.jsx("img",{width:"100%",src:_,alt:"Open basket during the feature selection"})}),e.jsx(s,{mt:"50px",bold:!0,children:"3. Come back to your training data to finalise it"}),e.jsx(u,{mt:"50px"}),e.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."}),e.jsx(t,{mt:"12px",mb:"32px",justifyContent:"center",children:e.jsx("img",{width:"100%",src:v,alt:"Start feature selection"})})]})})};export{T as B};
