import {StyleSheet} from 'react-native';
import {CHATS_SPACING} from '@modules/chats/utils/measuring';
import {BORDER_RADIUS, SPACING} from '@shared/theme';

export const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    borderRadius: BORDER_RADIUS.m,
    height: CHATS_SPACING.fileHeight,
    justifyContent: 'center',
  },
  thumbnail: {
    borderRadius: BORDER_RADIUS.m,
    height: CHATS_SPACING.fileHeight,
    width: CHATS_SPACING.fileHeight,
  },
  closeContainer: {
    position: 'absolute',
    right: -SPACING.x1,
    top: -SPACING.x1,
    zIndex: 100,
  },
  overlayContainer: {
    alignItems: 'center',
    height: '100%',
    justifyContent: 'center',
    position: 'absolute',
    width: '100%',
  },
});
