@interactify-live/pindo-wizard-react-native
Version:
React Native PindoWizard component for media capture and interaction management
45 lines (44 loc) • 1.47 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_native_1 = require("react-native");
const PlayButton = ({ onPress }) => {
return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.container, onPress: onPress, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.playButton, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.playIcon }) }) }));
};
const styles = react_native_1.StyleSheet.create({
container: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'rgba(0, 0, 0, 0.3)',
zIndex: 10,
},
playButton: {
width: 64,
height: 64,
borderRadius: 32,
backgroundColor: 'rgba(255, 255, 255, 0.9)',
justifyContent: 'center',
alignItems: 'center',
},
playIcon: {
width: 0,
height: 0,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderLeftWidth: 20,
borderRightWidth: 0,
borderBottomWidth: 15,
borderTopWidth: 15,
borderLeftColor: '#000',
borderRightColor: 'transparent',
borderBottomColor: 'transparent',
borderTopColor: 'transparent',
marginLeft: 8,
},
});
exports.default = PlayButton;