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