{"version":3,"sources":["../src/components/AddBtn.tsx"],"names":["Button","React","useSetRecoilState","AddElementDialog","AddBtn","props","open","setOpen","setIndex","USE_SELECTED_INDEX","AddBtn_default"],"mappings":"yCAAA,OAAS,UAAAA,MAA2B,gBACpC,UAAYC,MAAW,QACvB,OAAS,qBAAAC,MAAyB,SAGlC,IAAMC,EAAyB,OAAK,IAAM,OAAO,kCAAqB,EAEhEC,EAAiCC,GAAU,CAC/C,GAAM,CAACC,EAAMC,CAAO,EAAU,WAAkB,EAAK,EAC/CC,EAAWN,EAAkBO,CAAkB,EAQrD,OACE,gBAAO,WAAN,KACC,gBAACT,EAAA,CAAO,KAAK,QAAQ,QAAQ,YAAa,GAAGK,EAAO,QARpC,IAAM,CACxBG,EAAS,IAAI,EAEbD,EAAQ,EAAI,CACd,GAI8E,oBAE1E,EACCD,GACC,gBAAO,WAAN,KACC,gBAACH,EAAA,CAAiB,QAASI,EAAS,CACtC,CAEJ,CAEJ,EAEOG,EAAQN","sourcesContent":["import { Button, ButtonProps } from \"@mui/material\";\nimport * as React from \"react\";\nimport { useSetRecoilState } from \"recoil\";\nimport { USE_SELECTED_INDEX } from \"../hooks/useSelectedElement\";\n\nconst AddElementDialog = React.lazy(() => import(\"./AddElementDialog\"));\n\nconst AddBtn: React.FC<ButtonProps> = (props) => {\n  const [open, setOpen] = React.useState<boolean>(false);\n  const setIndex = useSetRecoilState(USE_SELECTED_INDEX);\n\n  const handleClick = () => {\n    setIndex(null);\n\n    setOpen(true);\n  };\n\n  return (\n    <React.Fragment>\n      <Button size=\"small\" variant=\"contained\" {...props} onClick={handleClick}>\n        AJOUTER UN ELEMENT\n      </Button>\n      {open && (\n        <React.Suspense>\n          <AddElementDialog setOpen={setOpen} />\n        </React.Suspense>\n      )}\n    </React.Fragment>\n  );\n};\n\nexport default AddBtn;\n"]}