// Metro module 8824 (f8825).
import { useMemo } from "react";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { useGradientValue, GradientPercentage } from "./ClientThemesUtils";
import useIsUsingClientTheme from "./useIsUsingClientTheme";
const useStyles = createStyles({
  none: {
    backgroundColor: "transparent"
  }
});
export function useGradientBottom() {
  const gradientValue = useGradientValue(GradientPercentage.END);
  return useMemo(() => gradientValue != null ? {
    backgroundColor: gradientValue
  } : void 0, [gradientValue]);
}
export function useGradientTop() {
  const gradientValue2 = useGradientValue(GradientPercentage.START);
  return useMemo(() => gradientValue2 != null ? {
    backgroundColor: gradientValue2
  } : void 0, [gradientValue2]);
}
export function useGradientMidpoint() {
  const gradientValue3 = useGradientValue(GradientPercentage.MID);
  return useMemo(() => gradientValue3 != null ? {
    backgroundColor: gradientValue3
  } : void 0, [gradientValue3]);
}
export function useClientThemesOverride(a0) {
  const styles = useStyles();
  return useIsUsingClientTheme() ? a0 == null ? styles.none : a0 : void 0;
}