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

export const styles = StyleSheet.create({
  container: {
    borderRadius: BORDER_RADIUS.m,
    height: SPACING.x9,
    width: SPACING.x9,
  },
  image: {
    backgroundColor: COLORS.black,
    borderRadius: BORDER_RADIUS.m,
    height: SPACING.x9,
    width: SPACING.x9,
  },
  overlay: {
    alignItems: 'center',
    justifyContent: 'center',
    ...StyleSheet.absoluteFillObject,
  },
  deleteButtonContainer: {
    borderRadius: BORDER_RADIUS.m,
    padding: SPACING['x0.5'],
    position: 'absolute',
    right: -SPACING['x1.5'],
    top: -SPACING['x1.5'],
  },
});
