"use client"

import Image from "@/components/Image"
import Button from "@/components/TempDesignSystem/Button"
import { getMembership } from "@/utils/user"

import type { User } from "@/types/user"

export default function CopyButton({ memberships }: Pick<User, "memberships">) {
  function handleCopy() {
    const membership = getMembership(memberships)
    console.log(`COPIED! (${membership ? membership.membershipNumber : "N/A"})`)
  }

  return (
    <Button onClick={handleCopy} type="button" variant="icon">
      <Image
        alt="Copy Icon"
        height={20}
        src="/_static/icons/copy.svg"
        width={20}
      />
    </Button>
  )
}