добавить кнопки "Далее" и "Назад" в изображение слайдера, созданное Picasso и viewpager.

Я сделал слайдер изображения с помощью viewpager и picasso, теперь я хочу добавить кнопку next, prev на изображении, как я могу это сделать?

Я видел разные ответы на это, но все они показывают ошибку

Это основное действие, при котором отображается слайдер изображения:

public class MainActivity extends AppCompatActivity {
    private int[] imageUrls = new int[]{
            R.drawable.after_cookie,
            R.drawable.before_cookie
    };
    private WebBackForwardList viewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ViewPager viewPager = findViewById(R.id.view_pager);
        ViewPageAdapter adapter = new ViewPageAdapter(this, imageUrls);
        viewPager.setAdapter(adapter);

    }
}

Это ViewPageAdapter:

public class ViewPageAdapter extends PagerAdapter {

    private Context context;
    private int[] imageUrls;

    ViewPageAdapter(Context context, int[] imageUrls) {
        this.context = context;
        this.imageUrls = imageUrls;
    }



    @Override
    public int getCount() {
        return imageUrls.length;
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        ImageView imageView = new ImageView(context);
        Picasso.get()
                .load(imageUrls[position])
                .fit()
                .centerCrop()
                .into(imageView);
        container.addView(imageView);

        return imageView;
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView((View) object);
    }
}