1
 2import { Button } from '@marzneshin/components';
 3import { useNavigate } from '@tanstack/react-router';
 4import { LogOut } from 'lucide-react';
 5import { FC, useCallback } from 'react'
 6
 7interface LogoutProps { }
 8
 9export const Logout: FC<LogoutProps> = () => {
10    const navigate = useNavigate({ from: '/' })
11    const handleLogout = useCallback(
12        () => {
13            navigate({ to: '/login' })
14        },
15        [navigate],
16    )
17    return (
18        <Button className="h-full" size="icon" onClick={handleLogout}>
19            <LogOut className="h-[1rem] w-[1rem]" />
20        </Button>
21    );
22}