// Module ID: 9986
// Function ID: 9987
// Name: VolumeSlider
// Dependencies: [19, 17, 4585, 21, 1115, 4560, 576, 4262, 9987, 8278, 5015, 1114, 5101, 2]
// Exports: default

// Module 9986 (VolumeSlider)
import noopAll from "noop" /* 19 */;
import ThemesDefault from "Themes" /* 576 */;
import map from "map" /* 4262 */;
import VoiceNormalIcon from "VoiceNormalIcon" /* 5101 */;
import _modDef8278 from "module_8278" /* 8278 */;
import VoiceXIcon from "VoiceXIcon" /* 9987 */;
import { View } from "get ActivityIndicator" /* 17 */;
import { MAX_EMBEDDED_VOLUME_PERCEPTUAL as closure_4 } from "DesktopSources" /* 4585 */;
import jsxProd from "jsxProd" /* 21 */;
import set from "set" /* 1115 */;
import createCacheKey from "createCacheKey" /* 4560 */;

require = arg1;
noopAll;
({ jsx: c5, jsxs: closure_6 } = jsxProd);
let num = 16;
if (set.isAndroid()) {
  num = 0;
}
let closure_7 = createCacheKey.createStyles({ volumerSlider: { flexDirection: "row", alignItems: "center" }, leftIcon: { marginRight: num }, rightIcon: { marginLeft: num }, volumerSliderNative: { flex: 1, marginVertical: -10, backgroundColor: "transparent" } });
const result = set.fileFinishedImporting("components_native/common/VolumeSlider.tsx");

export default function VolumeSlider(maxTrackTintColor) {
  let PRIMARY_400 = maxTrackTintColor.maxTrackTintColor;
  if (PRIMARY_400 === undefined) {
    PRIMARY_400 = ThemesDefault.unsafe_rawColors.PRIMARY_400;
  }
  ({ maxVolume, value } = maxTrackTintColor);
  if (maxVolume === undefined) {
    maxVolume = closure_4;
  }
  ({ onValueChange: require, onResponderGrant, accessibilityLabel } = maxTrackTintColor);
  const merged = Object.assign(maxTrackTintColor, Object.create(null));
  const tmp4 = callback2();
  let obj = map;
  let minTrackColor = merged.minTrackColor;
  if (minTrackColor == null) {
    minTrackColor = obj.useToken(ThemesDefault.colors.BACKGROUND_BRAND);
  }
  obj = { style: items, children: null };
  items = [tmp4.volumerSlider, maxTrackTintColor.style];
  obj = { style: tmp4.leftIcon };
  const items1 = [callback(VoiceXIcon.VoiceXIcon, obj), , ];
  obj1 = { style: tmp4.volumerSliderNative, value: null, minimumValue: 0, maximumValue: null, minimumTrackTintColor: null, maximumTrackTintColor: null, accessibilityLabel: null, onValueChange: null, onResponderGrant: null };
  let tmp5Result = tmp5(5015);
  obj1[1] = tmp5Result.amplitudeToPerceptual(value);
  obj1[3] = maxVolume;
  obj1[4] = minTrackColor;
  obj1[5] = PRIMARY_400;
  if (accessibilityLabel == null) {
    const intl = tmp5(1114).intl;
    accessibilityLabel = intl.string(tmp5(1114).t.xPHVBs);
  }
  obj1[6] = accessibilityLabel;
  obj1[7] = function onValueChange(arg0) {
    return callback(closure_1_0(closure_1_2[10]).perceptualToAmplitude(arg0));
  };
  if (onResponderGrant == null) {
    tmp5Result = tmp5(1115);
    let fn;
    if (tmp5Result.isAndroid()) {
      fn = () => true;
    }
    onResponderGrant = fn;
  }
  obj1[8] = onResponderGrant;
  items1[1] = callback(_modDef8278, obj1);
  items1[2] = callback(VoiceNormalIcon.VoiceNormalIcon, { style: tmp4.rightIcon });
  obj[1] = items1;
  return closure_6(View, obj);
};