import {StyleSheet} from 'react-native';
import {hexToRgb} from '@shared/colors';
import {COLORS, SPACING} from '@shared/theme';

const IMAGE_COUNTER_HEIGHT = SPACING.x4;

export const styles = StyleSheet.create({
  imageCounter: {
    alignItems: 'center',
    backgroundColor: hexToRgb(COLORS.black, 0.8),
    borderRadius: IMAGE_COUNTER_HEIGHT / 2,
    flexDirection: 'row',
    height: IMAGE_COUNTER_HEIGHT,
    paddingHorizontal: SPACING.x1,
    position: 'absolute',
    right: SPACING.x2,
    top: SPACING.x2,
    zIndex: 999,
  },
});
