"use client"
import { Button } from "@/components/ui/button"
import { LogOut } from "lucide-react"
import * as React from "react"
import { type JSX } from "react"

export function SignOut(): JSX.Element {
  return (
     
    <a href="/auth/logout">
      <Button
        variant="ghost"
        className="w-full justify-start text-red-500 hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-950/20"
      >
        <LogOut size={16} className="mr-2 h-4 w-4" />
        Log out
      </Button>
    </a>
  )
}
