@etsoo/toolpad
Version:
Dashboard framework extention based on Toolpad Core
29 lines (28 loc) • 1.11 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import * as React from "react";
import Button from "@mui/material/Button";
import LogoutIcon from "@mui/icons-material/Logout";
import { AuthenticationContext } from "../AppProvider/AppProvider";
import { useLocaleText } from "../shared/locales/LocaleContext";
export /**
*
* Demos:
*
* - [Account](https://mui.com/toolpad/core/react-account/)
*
* API:
*
* - [SignOutButton API](https://mui.com/toolpad/core/api/sign-out-button)
*/ function SignOutButton(props) {
const authentication = React.useContext(AuthenticationContext);
const localeText = useLocaleText();
return (_jsx(Button, { disabled: !authentication, variant: "outlined", size: "small", disableElevation: true, onClick: authentication?.signOut, sx: {
textTransform: "capitalize",
fontWeight: "normal",
filter: "opacity(0.9)",
transition: "filter 0.2s ease-in",
"&:hover": {
filter: "opacity(1)"
}
}, startIcon: _jsx(LogoutIcon, {}), ...props, children: localeText.signOutLabel }));
}