23 lines
624 B
TypeScript
23 lines
624 B
TypeScript
import { Button, Icon, Icons, TooltipPopup } from '@umami/react-zen';
|
|
import Link from 'next/link';
|
|
import { useMessages } from '@/components/hooks';
|
|
|
|
export function LogoutButton({
|
|
tooltipPosition = 'top',
|
|
}: {
|
|
tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
|
|
}) {
|
|
const { formatMessage, labels } = useMessages();
|
|
return (
|
|
<Link href="/src/app/logout/LogoutPage">
|
|
<TooltipPopup label={formatMessage(labels.logout)} position={tooltipPosition}>
|
|
<Button variant="quiet">
|
|
<Icon>
|
|
<Icons.Logout />
|
|
</Icon>
|
|
</Button>
|
|
</TooltipPopup>
|
|
</Link>
|
|
);
|
|
}
|