import {StyleSheet} from 'react-native';
import {CHAT_MESSAGE_HEADER_HEIGHT} from '@modules/chats/constants';
import {SPACING} from '@shared/theme';

export const styles = StyleSheet.create({
  spacerStyle: {
    height: CHAT_MESSAGE_HEADER_HEIGHT,
    width: '100%',
  },
  container: {
    left: 0,
    position: 'absolute',
    right: 0,
    top: 0,
    zIndex: 2,
  },
  content: {
    alignItems: 'center',
    borderBottomWidth: 1,
    flexDirection: 'row',
    gap: 2,
    height: CHAT_MESSAGE_HEADER_HEIGHT,
    paddingHorizontal: SPACING.x1,
    paddingVertical: SPACING['x1.5'],
    width: '100%',
  },
  middle: {flex: 1},
  centerInfo: {
    alignItems: 'flex-start',
    flex: 1,
    height: '100%',
    justifyContent: 'center',
  },
  fullWidth: {width: '100%'},
});
