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

export const styles = StyleSheet.create({
  postContainer: {
    paddingTop: SPACING.x2,
    width: '100%',
  },
  priceContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    justifyContent: 'space-between',
    marginHorizontal: SPACING.x2,
    marginVertical: SPACING.x1,
  },
  profileImageContainer: {paddingHorizontal: SPACING.x2},
  iconContainer: {
    alignItems: 'center',
    height: SPACING.x5,
    justifyContent: 'center',
    position: 'absolute',
    right: SPACING.x2,
    top: SPACING.x2,
    width: SPACING.x5,
  },
  right: {right: SPACING.x7},
  withBorder: {borderWidth: 1},
  headerContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    gap: SPACING.x1,
  },
  headerText: {
    alignItems: 'center',
    columnGap: SPACING.x1,
    flexDirection: 'row',
  },
  timeAgoContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    gap: SPACING['x0.5'],
  },
  headerTextContainer: {width: '75%'},
  groupPostHeaderText: {
    flexWrap: 'wrap',
    flex: 1,
    paddingRight: SPACING.x6,
  },
});
