how to disable Custom arrow from showing or edit there designs?

[Abhishek21k]

HI everyone, i just want the buttons to either disappear or customize there design.
`"use client";
import React, { useState } from "react";
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Image from "next/image";

function SampleNextArrow(props) {
const [isHoverRight, setIsHoverRight] = useState(false);
const { className, style, onClick } = props;
return (
<div
className={className}
style={{
...style,

    position: "absolute",
    top: "50%",
    right: 0,
    width: "15%",
    height: "100%",
    zIndex: 10,
    background: "linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5))",
    opacity: isHoverRight ? 1 : 0,

    transform: "translateY(-50%)",
  }}
  onMouseEnter={() => setIsHoverRight(true)}
  onMouseLeave={() => setIsHoverRight(false)}
  onClick={onClick}
/>

);
}

function SamplePrevArrow(props) {
const [isHoverLeft, setIsHoverLeft] = useState(false);

const { className, style, onClick } = props;
return (
<div
className={className}
style={{
...style,
position: "absolute",
top: "50%",
left: 0,
width: "15%",
height: "100%",
zIndex: 10,
background: "linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.5))",
opacity: isHoverLeft ? 1 : 0,
display: "block",

    // top: "50%",
    transform: "translateY(-50%)",
  }}
  onMouseEnter={() => setIsHoverLeft(true)}
  onMouseLeave={() => setIsHoverLeft(false)}
  onClick={onClick}
/>

);
}

export default function SimpleSlider() {
var settings = {
dots: false,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplayspeed: 3000,
pauseOnHover: false,
nextArrow: ,
prevArrow: ,
};
const slides = [
{
url: "/images/hero1.jpg",
},
{
url: "/images/hero2.jpeg",
},
{
url: "/images/hero4.jpg",
},
];
return (
<div style={{ position: "relative" }}>
<Slider {...settings}>
{slides.map((slide, index) => (

<Image
src={slide.url}
alt={Slide ${index + 1}}
className="w-full h-full"
width={1920}
height={1080}
/>

))}


);
}
`