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({
  wrapper: {position: 'relative'},
  container: {
    alignItems: 'center',
    borderRadius: BORDER_RADIUS.l,
    borderWidth: 1,
    flexDirection: 'row',
    height: CHATS_SPACING.fileHeight,
    justifyContent: 'space-between',
    padding: SPACING.x2,
    width: 260,
  },
  innerContainer: {
    flex: 1,
    flexDirection: 'row',
    gap: SPACING.x1,
  },
  name: {width: 150},
  closeContainer: {
    opacity: 0.5,
    position: 'absolute',
    right: -8,
    top: -8,
    zIndex: 1,
  },
  cancelControl: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  cancelIcon: {position: 'absolute'},
});
