/** Shopify CDN: Minification failed

Line 14:19 Expected ":"
Line 14:33 Unexpected "\"react-native\""
Line 15:23 Expected ":"
Line 15:31 Unexpected "\"expo-linear-gradient\""
Line 16:26 Expected ":"
Line 16:34 Unexpected "\"react-native-safe-area-context\""
Line 19:7 Expected ":"
Line 21:8 Expected ":"
Line 35:13 Unexpected "="

**/
import { StyleSheet, Text } from "react-native";
import { LinearGradient } from "expo-linear-gradient";
import { useSafeAreaInsets } from "react-native-safe-area-context";

export default function DiscountBanner() {
  const insets = useSafeAreaInsets();

  return (
    <LinearGradient
      colors={["#9D4EDD", "#10B981"]}
      start={{ x: 0, y: 0 }}
      end={{ x: 1, y: 0 }}
      style={[styles.banner, { paddingBottom: Math.max(insets.bottom, 12) }]}
    >
      <Text style={styles.bannerText}>
        Don&apos;t forget fam! The first time purchase code is <Text style={styles.code}>WORDTURD</Text>! Enter that at check out for 10% off your first purchase!
      </Text>
    </LinearGradient>
  );
}

const styles = StyleSheet.create({
  banner: {
    paddingHorizontal: 16,
    paddingTop: 12,
    alignItems: "center",
    justifyContent: "center",
  },
  bannerText: {
    fontSize: 13,
    fontWeight: "700" as const,
    color: "#FFF",
    textAlign: "center" as const,
    lineHeight: 18,
  },
  code: {
    fontWeight: "900" as const,
    fontSize: 14,
    backgroundColor: "rgba(255,255,255,0.3)",
    paddingHorizontal: 6,
    paddingVertical: 2,
    borderRadius: 4,
  },
});