{"ast":null,"code":"import{Button,useColorModeValue}from\"@chakra-ui/react\";import{LogoutIcon}from\"components/Icons/Icons\";import React from\"react\";import{jsx as _jsx}from\"react/jsx-runtime\";export default function LogoutFloatingButton(props){var secondary=props.secondary,onOpen=props.onOpen;var navbarIcon=useColorModeValue(\"gray.500\",\"gray.200\");var bgButton=useColorModeValue(\"white\",\"gray.600\");var fixedDisplay=secondary?\"none\":\"flex\";var settingsRef=React.useRef();return/*#__PURE__*/_jsx(Button,{h:\"52px\",w:\"52px\",display:fixedDisplay,onClick:onOpen,bg:bgButton,position:\"fixed\",variant:\"no-hover\",left:document.documentElement.dir===\"rtl\"?\"35px\":undefined,right:document.documentElement.dir===\"rtl\"?undefined:\"35px\",bottom:\"30px\",borderRadius:\"50px\",boxShadow:\"0 2px 12px 0 rgb(0 0 0 / 16%)\",children:/*#__PURE__*/_jsx(LogoutIcon,{cursor:\"pointer\",ref:settingsRef,color:navbarIcon,w:\"20px\",h:\"20px\"})});}","map":{"version":3,"names":["Button","useColorModeValue","LogoutIcon","React","jsx","_jsx","LogoutFloatingButton","props","secondary","onOpen","navbarIcon","bgButton","fixedDisplay","settingsRef","useRef","h","w","display","onClick","bg","position","variant","left","document","documentElement","dir","undefined","right","bottom","borderRadius","boxShadow","children","cursor","ref","color"],"sources":["C:/ldt/LDT/Safemate_Management/src/components/FloatingButton/LogoutFloatingButton.js"],"sourcesContent":["import { Button, useColorModeValue } from \"@chakra-ui/react\";\nimport { LogoutIcon } from \"components/Icons/Icons\";\nimport PropTypes from \"prop-types\";\nimport React from \"react\";\n\nexport default function LogoutFloatingButton(props) {\n  const { secondary, onOpen } = props;\n\n  const navbarIcon = useColorModeValue(\"gray.500\", \"gray.200\");\n  const bgButton = useColorModeValue(\"white\", \"gray.600\");\n  const fixedDisplay = secondary ? \"none\" : \"flex\";\n\n  const settingsRef = React.useRef();\n\n  return (\n    <Button\n      h=\"52px\"\n      w=\"52px\"\n      display={fixedDisplay}\n      onClick={onOpen}\n      bg={bgButton}\n      position=\"fixed\"\n      variant=\"no-hover\"\n      left={document.documentElement.dir === \"rtl\" ? \"35px\" : undefined}\n      right={document.documentElement.dir === \"rtl\" ? undefined : \"35px\"}\n      bottom=\"30px\"\n      borderRadius=\"50px\"\n      boxShadow=\"0 2px 12px 0 rgb(0 0 0 / 16%)\"\n    >\n      <LogoutIcon\n        cursor=\"pointer\"\n        ref={settingsRef}\n        color={navbarIcon}\n        w=\"20px\"\n        h=\"20px\"\n      />\n    </Button>\n  );\n}\n\nLogoutFloatingButton.propTypes = {\n  secondary: PropTypes.bool,\n  onOpen: PropTypes.func,\n};\n"],"mappings":"AAAA,OAASA,MAAM,CAAEC,iBAAiB,KAAQ,kBAAkB,CAC5D,OAASC,UAAU,KAAQ,wBAAwB,CAEnD,MAAO,CAAAC,KAAK,KAAM,OAAO,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAE1B,cAAe,SAAS,CAAAC,oBAAoBA,CAACC,KAAK,CAAE,CAClD,GAAQ,CAAAC,SAAS,CAAaD,KAAK,CAA3BC,SAAS,CAAEC,MAAM,CAAKF,KAAK,CAAhBE,MAAM,CAEzB,GAAM,CAAAC,UAAU,CAAGT,iBAAiB,CAAC,UAAU,CAAE,UAAU,CAAC,CAC5D,GAAM,CAAAU,QAAQ,CAAGV,iBAAiB,CAAC,OAAO,CAAE,UAAU,CAAC,CACvD,GAAM,CAAAW,YAAY,CAAGJ,SAAS,CAAG,MAAM,CAAG,MAAM,CAEhD,GAAM,CAAAK,WAAW,CAAGV,KAAK,CAACW,MAAM,CAAC,CAAC,CAElC,mBACET,IAAA,CAACL,MAAM,EACLe,CAAC,CAAC,MAAM,CACRC,CAAC,CAAC,MAAM,CACRC,OAAO,CAAEL,YAAa,CACtBM,OAAO,CAAET,MAAO,CAChBU,EAAE,CAAER,QAAS,CACbS,QAAQ,CAAC,OAAO,CAChBC,OAAO,CAAC,UAAU,CAClBC,IAAI,CAAEC,QAAQ,CAACC,eAAe,CAACC,GAAG,GAAK,KAAK,CAAG,MAAM,CAAGC,SAAU,CAClEC,KAAK,CAAEJ,QAAQ,CAACC,eAAe,CAACC,GAAG,GAAK,KAAK,CAAGC,SAAS,CAAG,MAAO,CACnEE,MAAM,CAAC,MAAM,CACbC,YAAY,CAAC,MAAM,CACnBC,SAAS,CAAC,+BAA+B,CAAAC,QAAA,cAEzC1B,IAAA,CAACH,UAAU,EACT8B,MAAM,CAAC,SAAS,CAChBC,GAAG,CAAEpB,WAAY,CACjBqB,KAAK,CAAExB,UAAW,CAClBM,CAAC,CAAC,MAAM,CACRD,CAAC,CAAC,MAAM,CACT,CAAC,CACI,CAAC,CAEb","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}