type TextLinkButtonProps = {
    text: string;
    onClick: () => void;
    className?: string;
};

/**
 * TextLinkButton - A button styled as a hyperlink
 */
export default function TextLinkButton({text, onClick, className = ''}: TextLinkButtonProps) {
    return (
        <button
            type="button"
            onClick={onClick}
            className={`text-blue-600 hover:text-blue-800 hover:underline transition-colors bg-transparent border-none p-0 cursor-pointer ${className}`}
        >
            {text}
        </button>
    );
}