() => {
  const { ref } = useSlider({ loop: true, navigation: true })
  return (
    <div ref={ref}>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
  )
}

() => {
  const { ref } = useSlider({
    arrowLeft: <span style={{ fontSize: '50px' }}> {'<'} </span>,
    arrowRight: <span style={{ fontSize: '50px' }}> {'>'} </span>,
  })
  return (
    <div ref={ref}>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
  )
}