// Module ID: 15061
// Function ID: 15062
// Name: VideoQuestPlayerControlButton
// Dependencies: [19, 21, 4574, 576, 672, 5137, 4979, 2]

// Module 15061 (VideoQuestPlayerControlButton)
import nativeDefault from "native" /* 576 */;
import VisualEffectViewDefault from "VisualEffectView" /* 4979 */;
import Pressables from "Pressables" /* 5137 */;
import noop from "module_19" /* 19 */;
import n from "module_672" /* 672 */;

require = fn;
const jsx = fn(21).jsx;
const createStyles = fn(4574);
let obj = { disabled: { opacity: 0.5 }, container: { borderRadius: nativeDefault.radii.round, overflow: "hidden" }, blur: null };
const obj4 = { backgroundColor: null, padding: null };
const obj3 = { borderRadius: nativeDefault.radii.round, overflow: "hidden" };
const importDefaultResultResult = n(nativeDefault.unsafe_rawColors.BLACK);
obj4.backgroundColor = n(nativeDefault.unsafe_rawColors.BLACK).alpha(0.5).hex();
obj4.padding = nativeDefault.space.PX_12;
obj.blur = obj4;
let closure_4 = createStyles.createStyles(obj);
const alphaResult = n(nativeDefault.unsafe_rawColors.BLACK).alpha(0.5);
const size = fn(2);
const result = size.fileFinishedImporting("modules/quests/native/VideoQuestModal/VideoQuestPlayerControlButton.tsx");

export const VideoQuestPlayerControlButton = noop.memo((arg0) => {
  ({ style, children } = arg0);
  const merged = Object.assign(arg0, Object.assign({ style: 0, children: 0 }));
  const tmp2 = closure_4();
  const items = [tmp2.container, , ];
  let disabled = merged.disabled;
  if (disabled) {
    disabled = tmp2.disabled;
  }
  const obj = { style: items };
  items[1] = disabled;
  items[2] = style;
  const merged1 = Object.assign(merged);
  obj.children = jsx(VisualEffectViewDefault, { style: tmp2.blur, blurAmount: 0.2, blurStyle: "default", blurTheme: "dark", children });
  return jsx(Pressables.PressableOpacity, { style: items });
});