import React from 'react'
import { StyleSheet, View } from 'react-native'

import { UnifiedText } from '@berty/components/shared-components/UnifiedText'
import { useStyles } from '@berty/contexts/styles'

interface TextPrivProps {
	children: React.ReactNode
	}

export const TextPriv = (props: TextPrivProps) => {
	const { margin } = useStyles()

	return (
		<View style={styles.container}>
			<UnifiedText numberOfLines={1} style={[margin.left.small]}>
				{props.children}
			</UnifiedText>
		</View>
	)
}

const styles = StyleSheet.create({
	container: {
		flexShrink: 1,
	},
})
