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

export const styles = StyleSheet.create({
  emptyContainer: {
    alignItems: 'center',
    justifyContent: 'center',
    paddingVertical: SPACING.x2,
  },
  loaderContainer: {
    alignItems: 'center',
    justifyContent: 'center',
    paddingVertical: SPACING.x2,
  },
  sheetTopShadow: {
    ...Platform.select({
      ios: {
        shadowOffset: {
          width: 0,
          height: -10,
        },
        shadowOpacity: 1,
        shadowRadius: 8,
      },
      android: {
        elevation: 8,
        borderTopWidth: 0.1,
      },
    }),
  },
});
