Add styling props

[tafelito]

This PR adds styling props to the container, cropping area and image

close #15

[ValentinH]

In order to use those props, you need to pass a style object right? What I had in mind was more something like containerClass, cropAreaClass, etc... Or a classes property that would take an object like this:

{
  container: 'xyz',
  cropArea: 'abc'
}

This would be simpler to integrate with any styling solution, CSS-in-JSS or not.

[tafelito]

I don't use classes. In fact I'm using react-native-web so I wouldn't be able to pass a class or a className. But either way, that could be added as well so you could either pass a class or a style and it will work in both cases

What do you think?

[ValentinH]

I understand. On the same idea as the one I suggested with classes, could you group all of them under a styles or customStyle property that would take an key/value map of styles?

Also could you please update the ReadMe so other people know how to use this new feature 🙂

[tafelito]

I haven't really used emotion or styled-components so what would be the best way to merge the classes with the default styles in this case?

I guess it would be just passing the className to each element, right?

[ValentinH]

Yes exactly. :)

In the same way you added style, you could add classes and pass it via the className prop of each element.

[ValentinH]

I think it should be imageClassName here 😄

[ValentinH]

Opposite here: should be cropAreaClassName

[ValentinH]

Thanks for this PR and the adjustements while I was a bit slow to answer 👍

[tafelito]

@ValentinH, when do you think you'll publish a new version?

[ValentinH]

I would like to group this PR for the release: https://github.com/ricardo-ch/react-easy-crop/pull/18

If it's too long, I'll publish tomorrow :)

[ValentinH]

Released as 1.6: https://github.com/ricardo-ch/react-easy-crop/releases/tag/v1.6.0