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;
