72 lines
2.5 KiB
TypeScript
72 lines
2.5 KiB
TypeScript
// 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 };
|