All files / packages/components/src user.web.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
23289x
 
 
 
 
 
29580x
29580x
 
 
 
 
 
 
 
 
 
import type React from "react";
 
import { User as UserRaw } from "@heroui/user";
 
import type { Props as AvatarProps } from "~components/avatar";
import { useAvatarProps } from "~components/avatar.web";
 
export type Props = {
	avatarProps?: AvatarProps;
	name: React.ReactElement | string;
	description?: React.ReactElement | string;
	testID?: string;
	className?: string;
	onPress?: () => void;
};
 
export const User: React.FC<Props> = ({
	avatarProps: avatarPropsRaw,
	testID,
	onPress,
	...props
}) => {
	const avatarProps = useAvatarProps(avatarPropsRaw ?? {});
	return (
		<UserRaw
			avatarProps={avatarProps}
			data-testid={testID}
			onClick={onPress}
			{...props}
		/>
	);
};