import { ButtonHTMLAttributes, ReactNode } from "react"

interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  children: ReactNode
}

export default function Button({ children, ...props }: ButtonProps) {
  return (
    <button
      {...props}
      className={`px-5 py-3 rounded-xl bg-zinc-950 text-white font-semibold hover:bg-zinc-800 transition cursor-pointer disabled:opacity-50 ${props.className || ""}`}
    >
      {children}
    </button>
  )
}