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

export const SEARCH_HEIGHT = windowDimensions.height;

export const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: SPACING.x2,
  },
  content: {
    flex: 1,
    position: 'relative',
  },
  header: {
    borderBottomWidth: 1,
    height: 64,
    justifyContent: 'center',
    paddingHorizontal: SPACING.x2,
  },
  backButtonContainer: {
    position: 'absolute',
    right: SPACING.x2,
  },
  inputSearchContainer: {
    borderBottomWidth: 1,
    paddingHorizontal: SPACING.x2,
    paddingVertical: SPACING.x1,
  },
  list: {
    paddingHorizontal: 0,
    paddingVertical: SPACING.x1,
  },
  searchContainer: {
    height: SEARCH_HEIGHT,
    left: 0,
    position: 'absolute',
    right: 0,
    zIndex: 2,
  },
  emptyState: {height: (windowDimensions.height * 2) / 3},
  nextButtonContainer: {
    borderWidth: 1,
    padding: SPACING.x2,
  },
});
