Philip Cesar Garay
32 lines
679 B
JavaScript
32 lines
679 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;
|