34 lines
793 B
TypeScript
34 lines
793 B
TypeScript
|
import React from 'react';
|
||
|
|
import { View } from 'react-native';
|
||
|
|
|
||
|
|
import styles from './styles';
|
||
|
|
import { themes } from '../../constants/colors';
|
||
|
|
import Avatar from '../../containers/Avatar';
|
||
|
|
|
||
|
|
interface IWrapper {
|
||
|
|
accessibilityLabel: string;
|
||
|
|
avatar: string;
|
||
|
|
avatarSize: number;
|
||
|
|
type: string;
|
||
|
|
theme: string;
|
||
|
|
rid: string;
|
||
|
|
children: JSX.Element;
|
||
|
|
}
|
||
|
|
|
||
|
|
const Wrapper = ({ accessibilityLabel, avatar, avatarSize, type, theme, rid, children }: IWrapper) => (
|
||
|
|
<View style={styles.container} accessibilityLabel={accessibilityLabel}>
|
||
|
|
<Avatar text={avatar} size={avatarSize} type={type} style={styles.avatar} rid={rid} />
|
||
|
|
<View
|
||
|
|
style={[
|
||
|
|
styles.centerContainer,
|
||
|
|
{
|
||
|
|
borderColor: themes[theme].separatorColor
|
||
|
|
}
|
||
|
|
]}>
|
||
|
|
{children}
|
||
|
|
</View>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default Wrapper;
|