import { Section } from "components-jsx/Section";
import { client } from "..";
import { Thumbnail } from "components-jsx/Thumbnail";
import { TextDisplay } from "components-jsx/TextDisplay";
import { User as DiscordUser } from "oceanic.js";

export function User(props: { user: DiscordUser }) {
	const { user } = props;
	return (
		<Section accessory={<Thumbnail src={user.avatarURL("png", 128)} />}>
			<TextDisplay>### User</TextDisplay>
			<TextDisplay>
				{user.globalName || user.username}
				<br />
				-# @{user.username} ({user.id})
			</TextDisplay>
		</Section>
	);
}