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

export const styles = StyleSheet.create({
  spinnerContainer: {
    alignItems: 'center',
    justifyContent: 'center',
    paddingVertical: SPACING.x1,
  },
  borderContainer: {
    borderBottomWidth: 0,
    borderLeftWidth: 1,
    borderRightWidth: 1,
    borderTopWidth: 0,
    overflow: 'hidden',
  },
  firstItemContainer: {
    borderTopLeftRadius: BORDER_RADIUS.l,
    borderTopRightRadius: BORDER_RADIUS.l,
    borderTopWidth: 1,
  },
  lastItemContainer: {
    borderBottomLeftRadius: BORDER_RADIUS.l,
    borderBottomRightRadius: BORDER_RADIUS.l,
    borderBottomWidth: 1,
  },
  divider: {paddingHorizontal: SPACING.x2},
  noDivider: {gap: SPACING['x0.5']},
});
