import React from "react";

interface HomeButtonProps
  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  children: React.ReactNode;
}

/**
 * 텍스트만 있는 홈 버튼 컴포넌트
 * - 파란색, 볼드, hover 시 underline
 * - outline/배경 없음
 * - Button 컴포넌트 의존성 없음
 */
const HomeButton: React.FC<HomeButtonProps> = ({ children, ...props }) => {
  return (
    <button
      type="button"
      {...props}
      className={
        "text-2xl font-bold text-blue-600 bg-transparent border-none p-0 m-0 cursor-pointer hover:underline focus:outline-none focus:ring-0 " +
        (props.className || "")
      }
    >
      {children}
    </button>
  );
};

export default HomeButton;
