73 lines
2.2 KiB
TypeScript
73 lines
2.2 KiB
TypeScript
// Metro module 6657 (f6658).
|
|
import { StyleSheet, View } from "react-native";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { useToken } from "../../../tokens/native/useToken";
|
|
import Module689 from "../../../../_bundle/Module689";
|
|
import Module4611 from "../../../../_bundle/Module4611";
|
|
let c4259_7 = {
|
|
purple: {
|
|
start: Module712.colors.EXPRESSIVE_GRADIENT_PURPLE_START,
|
|
end: Module712.colors.EXPRESSIVE_GRADIENT_PURPLE_END
|
|
},
|
|
blue: {
|
|
start: Module712.colors.EXPRESSIVE_GRADIENT_BLUE_START,
|
|
end: Module712.colors.EXPRESSIVE_GRADIENT_BLUE_END
|
|
},
|
|
green: {
|
|
start: Module712.colors.EXPRESSIVE_GRADIENT_GREEN_START,
|
|
end: Module712.colors.EXPRESSIVE_GRADIENT_GREEN_END
|
|
},
|
|
pink: {
|
|
start: Module712.colors.EXPRESSIVE_GRADIENT_PINK_START,
|
|
end: Module712.colors.EXPRESSIVE_GRADIENT_PINK_END
|
|
},
|
|
"nitro-pink": {
|
|
start: Module712.colors.EXPRESSIVE_GRADIENT_NITRO_PINK_START,
|
|
end: Module712.colors.EXPRESSIVE_GRADIENT_NITRO_PINK_END
|
|
},
|
|
"nitro-green": {
|
|
start: Module712.colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_START,
|
|
end: Module712.colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_END
|
|
}
|
|
};
|
|
const start = {
|
|
x: 0,
|
|
y: 0.5
|
|
};
|
|
const end = {
|
|
x: 1,
|
|
y: 0.5
|
|
};
|
|
const start2 = {
|
|
x: 0.5,
|
|
y: 0
|
|
};
|
|
const end2 = {
|
|
x: 0.5,
|
|
y: 0.5
|
|
};
|
|
export function ExpressiveGradient(props) {
|
|
let r20;
|
|
const { color = "purple", offsetBottom = 0, backgroundColor, children, style } = props;
|
|
if (typeof color === "object") {
|
|
r20 = color;
|
|
if (r20 == null) {
|
|
r20 = c4259_7[color == null ? "purple" : color];
|
|
}
|
|
} else {
|
|
r20 = c4259_7[color == null ? "purple" : color];
|
|
}
|
|
const token3 = useToken(r20.start);
|
|
const token2 = useToken(r20.end);
|
|
const token = useToken(backgroundColor);
|
|
return <View style={[StyleSheet.absoluteFill, style]}>
|
|
<View style={[StyleSheet.absoluteFill, offsetBottom > 0 ? {
|
|
bottom: 100 * offsetBottom + "%"
|
|
} : void 0]}>
|
|
<Module4611 style={StyleSheet.absoluteFillObject} colors={[token3, token2]} start={start} end={end} pointerEvents="none" />
|
|
<Module4611 style={StyleSheet.absoluteFillObject} colors={[Module689(token).alpha(0).css(), token]} start={start2} end={end2} pointerEvents="none" />
|
|
</View>
|
|
{children}
|
|
</View>;
|
|
}
|