import {StyleSheet} from 'react-native';
import {COLORS, SPACING} from '@shared/theme';

export const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    backgroundColor: COLORS.black,
    height: '100%',
    justifyContent: 'center',
    width: '100%',
  },
  video: {
    height: '100%',
    width: '100%',
  },
  skeletonContainer: {
    height: '100%',
    position: 'absolute',
    width: '100%',
    zIndex: 100,
  },
  pressableOverlay: {
    bottom: 0,
    left: 0,
    position: 'absolute',
    right: 0,
    top: 0,
  },
  marginRight: {marginRight: SPACING.x1},
  subtitleStyles: {fontSize: 12},
});
