'use client'

import { logout } from '@/app/actions'
import { Button } from '@/components/ui/button'
import { LogOut } from 'lucide-react'

export function LogoutButton() {
    return (
        <Button
            variant="outline"
            onClick={() => logout()}
            className="gap-2 border-black bg-white text-black hover:bg-gray-100 hover:text-black transition-colors"
        >
            <LogOut className="h-4 w-4" />
            Logout
        </Button>
    )
}
