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

export const styles = StyleSheet.create({
  container: {flex: 1},
  contentContainer: {
    flexGrow: 1,
    padding: SPACING.x2,
  },
  sectionTitle: {marginBottom: SPACING.x2},
  skeletonContainer: {marginBottom: SPACING.x2},
  emptyState: {height: (windowDimensions.height * 2) / 3},
  lastItem: {marginBottom: SPACING.x2},
  divider: {paddingHorizontal: SPACING.x2},
  horizontalUsersContainer: {
    marginBottom: SPACING.x1,
    marginTop: SPACING.x2,
    paddingHorizontal: SPACING.x2,
  },
});
