import * as React from "react";
import { View } from "react-native";
import Typography from "../ui/typography";
import { style } from "./style";
import { useSiteSettings } from "../../providers/site";
import Icon from "react-native-vector-icons/FontAwesome";

function PremiumLabel() {
  const {
    style: { active_text_color, active_color },
  } = useSiteSettings();
  return (
    <View style={[style.premiumContainer, { backgroundColor: active_color }]}>
      <Icon name="star" size={25} color={active_text_color} />
      <Typography
        style={{ marginLeft: 5 }}
        color={active_text_color}
        variant="body1"
      >
        premium
      </Typography>
    </View>
  );
}

export default PremiumLabel;
