32 lines
673 B
JavaScript
32 lines
673 B
JavaScript
import { Image, View } from 'react-native'
|
|
|
|
import { Palette, Style } from '../styles'
|
|
import { gutters, mainBorderRadius } from '../styles/Style'
|
|
|
|
const IconContainer = ({ icon }) => {
|
|
return (
|
|
<View
|
|
style={{
|
|
width: 35,
|
|
height: 35,
|
|
backgroundColor: Palette.transparentPrimary,
|
|
borderRadius: mainBorderRadius,
|
|
marginRight: gutters / 2,
|
|
...Style.containerCenter,
|
|
}}
|
|
>
|
|
<Image
|
|
source={icon}
|
|
resizeMode="contain"
|
|
style={{
|
|
width: '50%',
|
|
height: '50%',
|
|
tintColor: Palette.primary,
|
|
}}
|
|
/>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
export default IconContainer
|