Feature/accept arrow renders

[desko27]

What's been done

• Isolate common arrow styles – mainly regarding arrow positioning.
• Add ArrowLeft and ArrowRight props to pass custom components for slider arrows.

Screenshot

Sample code

const buttonStyle = {
  background: 'transparent',
  border: 0,
  cursor: 'pointer',
  fontSize: 72,
  height: '30%',
  margin: 'auto 10px',
  padding: 15
}

function CustomArrow({emoji, ...props}) {
  return (
    <button {...props} style={buttonStyle}>
      <span role="img" aria-label="Arrow">
        {emoji}
      </span>
    </button>
  )
}

function CustomArrowLeft(props) {
  return <CustomArrow {...props} emoji="👈" />
}

function CustomArrowRight(props) {
  return <CustomArrow {...props} emoji="👉" />
}

<ReactSlidy ArrowLeft={CustomArrowLeft} ArrowRight={CustomArrowRight}>
  <img src="/1.jpg" />
  <img src="/2.jpg" />
  <img src="/3.jpg" />
  <img src="/4.jpg" />
</ReactSlidy>

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/midudev/react-slidy/nrr2j5sl1
✅ Preview: https://react-slidy-git-fork-desko27-feature-accept-arrow-renders.midudev.vercel.app

[midudev]

Cooooooooooool!