// 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>;
}