import { View, Text, Image } from "react-native";
import React from "react";
import { Palette, Style } from "../../../styles";
import { icons } from "../../../assets";
import { size } from "../../../styles/Style";
import { FONT_FAMILY } from "../../../styles/Fonts";

const CoinBadge = () => {
  return (
    <View style={{ ...Style.containerRow }}>
      <View
        style={{
          paddingLeft: 5,
          paddingRight: 10,
          paddingVertical: 3,
          borderTopLeftRadius: 8,
          borderBottomLeftRadius: 8,
          backgroundColor: Palette.glass,
          right: -10,
        }}
      >
        <Text
          style={{
            fontSize: 12,
            color: Palette.white,
            fontFamily: FONT_FAMILY.InterRegular,
          }}
        >
          100
        </Text>
      </View>
      <Image source={icons.coin} style={size({ size: 26 })} />
    </View>
  );
};

export default CoinBadge;
