import React from "react";

export default function ImportButton({ url, title, author }) {
  return (
    <button
      type="button"
      className="bdt-aimg-download-btn flex items-center gap-2 h-9 px-4 bg-teal-500 text-white text-sm font-medium rounded-md border-0 cursor-pointer hover:bg-teal-600 focus:outline-none focus:ring-2 focus:ring-teal-500 focus:ring-offset-1 transition-all shadow-sm"
      data-url={url}
      data-title={title || ""}
      data-author={author || ""}
    >
      Import
      <svg
        aria-hidden="true"
        xmlns="http://www.w3.org/2000/svg"
        width={18}
        height={18}
        fill="none"
        viewBox="0 0 24 24"
        className="block"
      >
        <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>
    </button>
  );
}