ability to pass a component in light prop

[idiglove]

the light prop could be like this:
light={<img style={{position: 'relative', width: '100%', height: '100%'}} src='https://media.nationalgeographic.org/assets/photos/000/290/29094.jpg' alt='sun' />}

The styling of the image component should come from where it was called

The play icon will be positioned absolute if light is a component

refers to #1320

[n3llym]

Thanks @idiglove, and good job. It would be great to get this added!

Just a few things I noticed I've added some inline comments as well as the below.

1. You need to add the new type in base.d.ts i.e light?: boolean | string | ReactElement
2. You need to update the light prop type in props.js i.e light: oneOfType([bool, string, object])
3. Also don’t forget to run lint and run the tests!

[idiglove]

Thanks @n3llym I've done the changes, linted and tested. Appreciate your review!

[cookpete]

I tidied things up a bit to remove the need for the extra stuff in state. Nice work!

[cookpete]

Published in 2.11.0. Sorry for the delay.