/**
* Third-party brand marks, drawn inline.
*
* Inline rather than an asset so auth pages and settings never wait on a
* network request for an icon, and so no external host is contacted before a
* user has agreed to anything.
*
* These are the only coloured glyphs in an otherwise achromatic interface, and
* deliberately so: a provider's own mark is how someone recognises which
* account they are about to connect, and Google's brand terms require its mark
* to be used unaltered rather than tinted to match a palette.
*/
/** Official Google "G". */
export function GoogleMark({ className = 'h-4 w-4' }: { className?: string }) {
return (
)
}
/** Microsoft's four-square mark, for the Graph connector when it lands. */
export function MicrosoftMark({ className = 'h-4 w-4' }: { className?: string }) {
return (
)
}
/**
* GitHub's invertocat. Monochrome by GitHub's own brand rules (solid black on
* light, white on dark), so currentColor is the correct fill, not a tint.
*/
export function GitHubMark({ className = 'h-4 w-4' }: { className?: string }) {
return (
)
}