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

import {AvatarSize} from '../Avatar/interfaces';

export const getMarginBySize = (size: AvatarSize, collapsed?: boolean) => {
  return collapsed
    ? {
        xxl: -SPACING.x3,
        xl: -SPACING.x3,
        lg: -SPACING.x3,
        md: -SPACING.x2,
        sm: -SPACING['x1.5'],
        xs: -SPACING.x1,
      }[size]
    : -SPACING.x1;
};

export const styles = StyleSheet.create({
  container: {flexDirection: 'row'},
  avatar: {borderWidth: 2},
});
