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

export const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    flexDirection: 'row',
    justifyContent: 'flex-end',
    minHeight: SPACING.x7,
    paddingBottom: SPACING.x1,
    paddingHorizontal: SPACING.x2,
    paddingTop: SPACING['x1.5'],
  },
  titleWithSubtitleContainer: {
    alignItems: 'center',
    flex: 1,
    justifyContent: 'center',
    textAlign: 'center',
  },
  iconContainer: {
    height: SPACING.x5,
    width: SPACING.x5,
  },
});
