// Module ID: 15489
// Function ID: 15490
// Name: PreviewOverlay
// Dependencies: [19, 17, 21, 4668, 712, 4230, 15490, 4314, 4761, 2]
// Exports: default

// Module 15489 (PreviewOverlay)
import ThemesDefault from "Themes" /* 712 */;
import useThemeDefault from "useTheme" /* 4314 */;
import LinearGradientDefault from "LinearGradient" /* 4761 */;
import GuildThemePreviewOverlayDefault from "GuildThemePreviewOverlay" /* 15490 */;
import closure_3 from "noop" /* 19 */;
import { View } from "get ActivityIndicator" /* 17 */;
import { jsx } from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4668 */;

const require = arg1;
function PreviewOverlay() {
  return <View pointerEvents="none" style={callback().previewOverlay}>{jsx(GuildThemePreviewOverlayDefault, {})}</View>;
}
createCacheKey = { previewArt: null, previewOverlay: null };
createCacheKey = { position: "relative", width: 256, aspectRatio: 1.5705521472392638, overflow: "hidden", borderRadius: ThemesDefault.radii.md, backgroundColor: ThemesDefault.colors.BACKGROUND_SURFACE_HIGH };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { position: "absolute", top: 7.314, left: 7.461, width: 259.862, height: 154.514 };
let closure_6 = createCacheKey.createStyles(createCacheKey);
const result = require("set").fileFinishedImporting("modules/guild_themes/native/GuildThemePreviewArt.tsx");

export default function GuildThemePreviewArt(themeSettings) {
  themeSettings = themeSettings.themeSettings;
  importDefault = undefined;
  const tmp4 = useThemeDefault();
  importDefault = tmp4;
  let items = [themeSettings, tmp4];
  const memo = React.useMemo(() => {
    let tmp3 = null;
    if (null != themeSettings) {
      const customUserThemeSettings = tmp.customUserThemeSettings;
      if (null != customUserThemeSettings) {
        const first = customUserThemeSettings.colors[0];
        if (null != first) {
          let obj = { colors: null, angle: null };
          const items = [];
          HermesBuiltin.arraySpread(themeSettings(closure_1_2[5]).getSingleColorGuildThemeGradientColors(first, tmp2), 0);
          obj[0] = items;
          let num2 = customUserThemeSettings.gradientAngle;
          if (num2 == null) {
            num2 = 0;
          }
          obj[1] = num2;
          tmp3 = obj;
          const obj5 = themeSettings(closure_1_2[5]);
        }
      }
      obj = themeSettings(closure_1_2[5]);
      const guildThemePreset = obj.getGuildThemePreset(tmp.presetId);
      tmp3 = null;
      if (null != guildThemePreset) {
        const guildThemePresetAppearance = themeSettings(closure_1_2[5]).getGuildThemePresetAppearance(guildThemePreset, tmp2);
        obj = { colors: null, locations: null, angle: null };
        const colors = guildThemePresetAppearance.colors;
        obj[0] = colors.map((hex) => hex.hex);
        const colors1 = guildThemePresetAppearance.colors;
        obj[1] = colors1.map((stop) => stop.stop / 100);
        obj[2] = guildThemePresetAppearance.angle;
        tmp3 = obj;
        const obj2 = themeSettings(closure_1_2[5]);
      }
    }
    return tmp3;
  }, items);
  const items1 = [callback().previewArt, themeSettings.style];
  if (null == memo) {
    let obj = { style: null, children: null };
    obj[0] = items1;
    obj[1] = <PreviewOverlay />;
    let tmp9 = <View style={null}>{null}</View>;
  } else {
    obj = { colors: null, locations: null, useAngle: true, angle: null, style: null, children: null };
    ({ colors: obj[0], locations: obj[1], angle: obj[3] } = memo);
    obj[4] = items1;
    obj[5] = <PreviewOverlay />;
    tmp9 = jsx(LinearGradientDefault, { colors: null, locations: null, useAngle: true, angle: null, style: null, children: null });
    const tmp2Result = LinearGradientDefault;
  }
  return tmp9;
};