"use client"
import { Button } from "@/components/ui/button"
import { cn } from "@/lib/utils"
import * as React from "react"
import { type JSX } from "react"

export function SignOut({
  className,
  ...props
}: { className: string } & React.ComponentPropsWithRef<typeof Button>): JSX.Element {
  return (
    <a href="/api/auth/logout">
      <Button className={cn("", className)} {...props}>
        Sign Out
      </Button>
    </a>
  )
}
