// Metro module 9382 (f9383).
import { StyleSheet, View } from "react-native";
import { Gradients } from "../../../../colors/native/ColorConstants";
import { createStyles } from "../../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../../_bundle/Module712";
import { PremiumUpsellGradientBackground } from "./PremiumUpsellGradientBackground";
import Module4611 from "../../../../../_bundle/Module4611";
import { HorizontalGradient } from "../../../../../ConstantsIOS";
import { LockIcon } from "../../../../../design/components/Icon/native/redesign/generated/LockIcon";
let c6180_9;
const useStyles = createStyles((a0) => ({
  container: {
    height: 28,
    flex: 1,
    justifyContent: "center",
    marginTop: a0 === c6180_9.START ? 6 : void 0,
    marginBottom: a0 === c6180_9.END ? 6 : void 0
  },
  lockContainer: {
    justifyContent: "center",
    alignItems: "center",
    ...StyleSheet.absoluteFillObject
  },
  lockGradient: {
    width: 28,
    height: 28,
    justifyContent: "center",
    borderRadius: Module712.radii.round
  },
  lock: {
    width: 16,
    height: 16,
    alignSelf: "center"
  },
  divider: {
    height: 1
  },
  gradient: {
    flex: 1,
    height: 14,
    left: 0,
    right: 0,
    position: "absolute",
    bottom: a0 === c6180_9.START ? 0 : void 0,
    top: a0 === c6180_9.END ? 0 : void 0
  }
}));
c6180_9 = {
  START: 0,
  0: "START",
  END: 1,
  1: "END"
};
export default function PremiumUpsellSectionDivider(props) {
  const { useTier0UpsellContent, position } = props;
  const styles = useStyles(position);
  return <View style={styles.container}>
    <View style={styles.gradient}>
      <PremiumUpsellGradientBackground useTier0UpsellContent={useTier0UpsellContent} />
    </View>
    <Module4611 style={styles.divider} start={HorizontalGradient.START} end={HorizontalGradient.END} colors={useTier0UpsellContent === true ? Gradients.PREMIUM_TIER_0 : Gradients.PREMIUM_TIER_2_TRI_COLOR} />
    {position === c6180_9.START && <View style={styles.lockContainer}>
      <Module4611 style={styles.lockGradient} start={HorizontalGradient.START} end={HorizontalGradient.END} colors={useTier0UpsellContent ? Gradients.PREMIUM_TIER_0 : Gradients.PREMIUM_TIER_2_TRI_COLOR}>
        <LockIcon color={Module712.colors.WHITE} style={styles.lock} />
      </Module4611>
    </View>}
  </View>;
};
export const PREMIUM_UPSELL_SECTION_DIVIDER_HEIGHT = 28;
export const PREMIUM_UPSELL_SECTION_DIVIDER_MARGIN = 6;
export { c6180_9 as PremiumUpsellSectionDividerPosition };