import { ViewStyle } from 'react-native';

import { spacing } from '~/theme';

export const SEPARATOR = spacing[3];

export const TextWithIconStyles = {
  container: {
    flexDirection: 'row',
    alignItems: 'center',
  } as ViewStyle,
  leftIcons: {
    flexDirection: 'row',
    marginRight: SEPARATOR,
  } as ViewStyle,
  rightIcons: {
    flexDirection: 'row',
    marginLeft: SEPARATOR,
  } as ViewStyle,
};

export type Side = 'left' | 'right';

export const iconSpace: Record<Side, ViewStyle> = {
  left: {
    marginLeft: spacing[1],
  } as ViewStyle,
  right: {
    marginRight: spacing[1],
  } as ViewStyle,
};
