import { ViewStyle } from 'react-native';

import { color, metrics, spacing } from '~/theme';

export const listItemStyles = {
  container: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  } as ViewStyle,
  twoLineTextView: {
    flex: 1,
  } as ViewStyle,
  separator: {
    borderBottomColor: color.palette.wildSand,
    borderBottomWidth: metrics.borderWidth[1],
  } as ViewStyle,
  paddingRight: {
    paddingRight: spacing[4],
  } as ViewStyle,
  paddingLeft: {
    paddingLeft: spacing[4],
  } as ViewStyle,
};
