import React from "react";

export default function DownloadButton({ label, type, url, title, author, role, onActivate }) {
  return (
    <button
      type="button"
      role={role}
      data-type={type}
      data-url={url}
      data-title={title || ""}
      data-author={author || ""}
      onClick={onActivate}
      className="bdt-aimg-download-btn w-full text-left py-2.5 px-3 border-0 bg-transparent text-sm font-medium cursor-pointer text-gray-700 transition-colors duration-200 flex items-center gap-2.5 hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus-visible:bg-gray-100 focus-visible:text-gray-900"
    >
      <svg
        aria-hidden="true"
        xmlns="http://www.w3.org/2000/svg"
        width={18}
        height={18}
        fill="none"
        viewBox="0 0 24 24"
        className="shrink-0"
      >
        <path
          stroke="currentColor"
          strokeLinecap="round"
          strokeLinejoin="round"
          strokeWidth={2}
          d="M4 15v2a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-2m-8 1V4m0 12-4-4m4 4 4-4"
        />
      </svg>
      <span>{label}</span>
    </button>
  );
}