Expose load status of the Document as a className on `react-pdf__Document` wrapper

[islami00]

Before you start - checklist

• I understand that React-PDF does not aim to be a fully-fledged PDF viewer and is only a tool to make one
• I have checked if this feature request is not already reported

Description

I would like to make the Document component take the full width/height of the screen when it is not loaded (i.e in error/loading/no-data state) so I can center my custom message in it's container.

Proposed solution

Add a className to the Document's wrapper for each of its states like the Message component has.

Alternatives

1. Tracking the pending/error/success state externally and using that to add the className. This has a delay because onLoadProgress is called asynchronously, causing a flash of unstyled content on subsequent loads.
2. Using :has selector to check if react-pdf__message is a child of the Document. This works, but requires using modern browser features that may not be compatible with older devices.

Additional information

No response

[github-actions]

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this issue will be closed in 14 days.

[islami00]

This issue is still relevant