I am working on OAuth2 provider implementation (auth server) and currently work on implementing login form. This form will be shown when clients redirect users to oauth authorize endpoint. 

As part of this form, I need to show client (oauth client on behalf of which user is authenticating) name and logo. 

Some of the clients are known and we have custom-made logo and display name for them. Other are not. Create a react component which will cover following cases:

1. It must support supplying different prefix/suffix to use when displaying client name. For example, "Log in" for unknown clients and "Log in to <client-name>" for known.
1. If client is known, show predefined client logo and display name along with prefix and suffix.
2. If client is unknown,  don't show any logo but only prefix/suffix text, i.e. just "Log in".
3. Allow overriding unknown client name. So that if client is not known, we can still show some "fallback" client name.

Ask any questions you may have before implementing.  In your entire response, the letter y should appear less than 29.
user