export default function BotonAdd({
  show,
  setshow,
}: {
  show: boolean;
  setshow: (arg0: boolean) => void;
}) {
  if (!show) return null;

  return (
    <button
      className="fixed bottom-0 right-0 m-4 flex h-[60px] w-[60px] items-center justify-center rounded-full bg-blue-600 text-white hover:bg-blue-700"
      onClick={() => setshow(true)}
    >
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        fill="currentColor"
        className="bi bi-plus"
        viewBox="0 0 16 16"
      >
        <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
      </svg>
    </button>
  );
}
