mirror of
https://github.com/kremalicious/umami.git
synced 2024-06-30 21:51:59 +02:00
25 lines
652 B
TypeScript
25 lines
652 B
TypeScript
import { Button, Icon, Icons, TooltipPopup } from 'react-basics';
|
|
import Link from 'next/link';
|
|
import useMessages from 'components/hooks/useMessages';
|
|
|
|
export function LogoutButton({
|
|
tooltipPosition = 'top',
|
|
}: {
|
|
tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
|
|
}) {
|
|
const { formatMessage, labels } = useMessages();
|
|
return (
|
|
<Link href="/src/app/logout/logout">
|
|
<TooltipPopup label={formatMessage(labels.logout)} position={tooltipPosition}>
|
|
<Button variant="quiet">
|
|
<Icon>
|
|
<Icons.Logout />
|
|
</Icon>
|
|
</Button>
|
|
</TooltipPopup>
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
export default LogoutButton;
|