28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
// 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 };
|