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

export const styles = StyleSheet.create({
  alignCenter: {alignItems: 'center'},
  container: {
    flexDirection: 'row',
    gap: SPACING.x1,
    padding: SPACING.x2,
  },
  itemCard: {
    borderLeftWidth: 1,
    borderRightWidth: 1,
    overflow: 'hidden',
  },
  firstItemCard: {
    borderTopLeftRadius: BORDER_RADIUS.l,
    borderTopRightRadius: BORDER_RADIUS.l,
    borderTopWidth: 1,
  },
  lastItemCard: {
    borderBottomLeftRadius: BORDER_RADIUS.l,
    borderBottomRightRadius: BORDER_RADIUS.l,
    borderBottomWidth: 1,
  },
});
