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

export const styles = StyleSheet.create({
  header: {
    alignItems: 'flex-start',
    borderBottomColor: COLORS.LIGHT_GRAY_FOURTEEN,
    borderBottomWidth: 1,
    flexDirection: 'row',
    gap: SPACING.x3,
  },
  title: {
    flex: 1,
    minHeight: SPACING.x4,
    paddingHorizontal: SPACING.x2,
  },
  iconContainer: {
    height: SPACING.x3,
    width: SPACING.x3,
  },
  closeIcon: {
    marginLeft: SPACING.x2,
  },
});
