"use client"

import { useState } from "react"

import { Button } from "@/components/ui/button"

export function CopyInviteButton({ inviteUrl }: { inviteUrl: string }) {
  const [copied, setCopied] = useState(false)

  async function copyInviteUrl() {
    await navigator.clipboard.writeText(inviteUrl)
    setCopied(true)
    window.setTimeout(() => setCopied(false), 2000)
  }

  return (
    <Button type="button" variant="outline" size="sm" onClick={copyInviteUrl}>
      {copied ? "Copied" : "Copy link"}
    </Button>
  )
}