"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
var _reactNativePaper = require("react-native-paper");
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
const useStyles = () => {
  const theme = (0, _reactNativePaper.useTheme)();
  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
  const styles = _reactNative.StyleSheet.create({
    container: {
      flex: 1,
      position: 'relative',
      backgroundColor: '#000000'
    },
    steamEndContainer: {
      flex: 1,
      justifyContent: 'center',
      backgroundColor: '#000000'
    },
    liveRow: {
      position: 'absolute',
      right: 16,
      top: 20,
      zIndex: 1,
      flexDirection: 'row',
      alignItems: 'center',
      gap: 8
    },
    status: {
      borderRadius: 4,
      paddingVertical: 4,
      paddingHorizontal: 8,
      backgroundColor: theme.colors.live
    },
    live: {
      color: theme.colors.background
    },
    control: {
      top: 0,
      left: 0,
      right: 0,
      bottom: 0,
      opacity: 0,
      zIndex: 10,
      position: 'absolute',
      backgroundColor: 'rgba(0, 0, 0, 0.5)'
    },
    controlVisible: {
      opacity: 1
    },
    controller: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center'
    },
    closeButton: {
      zIndex: 10,
      right: 16,
      top: insets.top + 20,
      position: 'absolute',
      width: 32,
      height: 32,
      borderRadius: 100,
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: 'rgba(0, 0, 0, 0.5)'
    },
    liveCloseButton: {
      position: 'absolute',
      left: 16,
      top: insets.top - 45,
      zIndex: 10,
      width: 32,
      height: 32,
      borderRadius: 100,
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: 'rgba(0, 0, 0, 0.5)'
    },
    connecting: {
      position: 'absolute',
      top: 0,
      left: 0,
      right: 0,
      bottom: 0,
      justifyContent: 'center',
      gap: 12,
      zIndex: 100,
      alignItems: 'center',
      backgroundColor: 'rgba(0, 0, 0, 0.5)'
    },
    reconnectingText: {
      textAlign: 'center',
      color: theme.colors.background
    },
    text: {
      color: theme.colors.background
    }
  });
  return {
    theme,
    styles
  };
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map