import React from "react";
import { FaPlus } from "react-icons/fa";

interface FabricanteAddButtonProps {
  onClick: () => void;
  size?: number;
  className?: string;
}

export const FabricanteAddButton: React.FC<FabricanteAddButtonProps> = ({
  onClick,
  size = 14,
  className = "",
}) => {
  return (
    <button
      type="button"
      title="Adicionar novo fabricante"
      onClick={onClick}
      className={`
        ml-1
        w-6 h-6
        flex items-center justify-center
        rounded-full
        border border-primary
        text-primary
        bg-white
        transition
        hover:bg-primary hover:text-white
        focus:outline-none
        shadow
        ${className}
      `}
    >
      <FaPlus size={size} />
    </button>
  );
};