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

export const styles = StyleSheet.create({
  container: {flex: 1},
  innerContainer: {
    flexGrow: 1,
    flex: 1,
    paddingVertical: 0,
  },
  postOuterContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    gap: SPACING.x1,
  },
  pendingPosts: {
    flexDirection: 'row',
    gap: SPACING.x1,
    marginTop: 0,
  },
  massiveActionsContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    justifyContent: 'space-between',
    marginBottom: SPACING.x1,
    marginTop: SPACING.x3,
  },
  massiveActionButtonsContainer: {
    borderTopWidth: 1,
    gap: SPACING.x1,
    padding: SPACING.x2,
    paddingBottom: SPACING.x4,
  },
  flatlistContainer: {
    gap: SPACING.x2,
    paddingBottom: SPACING.x16,
  },
  checkbox: {
    flexShrink: 1,
    maxWidth: ICON_SIZES.x5,
  },
});
