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

export const styles = StyleSheet.create({
  container: {flex: 1},
  headerLeftContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  scopeContainer: {
    alignItems: 'center',
    flexDirection: 'row',
    gap: SPACING.x2,
    padding: SPACING.x2,
  },
  headerRight: {padding: ICON_SIZES.x3},
  headerContainer: {
    alignItems: 'center',
    borderBottomWidth: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    marginLeft: SPACING['x0.5'],
    padding: SPACING.x1,
  },
  footerContainer: {padding: SPACING.x2},
  tabsContainer: {
    flex: 1,
    flexShrink: 1,
    marginBottom: SPACING.x2,
  },
});
