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

function PremiumLabel() {
  const {
    style: { active_color },
  } = useSiteSettings();
  return (
    <View
      style={[
        {
          padding: 5,
          backgroundColor: "blue",

          zIndex: 2000,
          display: "flex",
          flexDirection: "row",
          alignItems: "center",
        },
        { backgroundColor: "transparent" },
      ]}
    >
      <Icon name="star" size={25} color={"white"} />
      <Typography style={{ marginLeft: 5 }} color={"white"} variant="body1">
        premium
      </Typography>
    </View>
  );
}

export default PremiumLabel;