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

export const ITEM_SIZE = 42 + SPACING['x1.5'] * 2;

export const styles = StyleSheet.create({
  dialogContainer: {height: '100%'},
  container: {
    height: '100%',
    marginHorizontal: -SPACING.x2,
  },
  spinner: {
    alignItems: 'center',
    paddingTop: SPACING.x2,
    width: '100%',
  },
  item: {height: ITEM_SIZE},
  list: {paddingBottom: ITEM_SIZE * 2},
});

export const getItemLayout = (_data: unknown, index: number) => ({
  length: ITEM_SIZE,
  offset: ITEM_SIZE * index,
  index,
});
