// Metro module 14050 (f14051).
import { memo } from "react";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import Module689 from "../../../../_bundle/Module689";
import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
import VisualEffectView from "../../../visual_effect_view/native/VisualEffectView";
const useStyles = createStyles({
  disabled: {
    opacity: 0.5
  },
  container: {
    borderRadius: Module712.radii.round,
    overflow: "hidden"
  },
  blur: {
    backgroundColor: Module689(Module712.unsafe_rawColors.BLACK).alpha(0.5).hex(),
    padding: Module712.space.PX_12
  }
});
const r48 = memo(function({ style, children, ...props }) {
  const styles = useStyles();
  return <PressableOpacity style={[styles.container, props.disabled && styles.disabled, style]} {...props}>
    <VisualEffectView style={styles.blur} blurAmount={0.2} blurStyle="default" blurTheme="dark">{children}</VisualEffectView>
  </PressableOpacity>;
});
export { r48 as VideoQuestPlayerControlButton };