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

export const styles = StyleSheet.create({
  container: {flex: 1},
  contentContainer: {flex: 1},
  scrollView: {
    gap: SPACING.x2,
    padding: SPACING.x2,
  },
  header: {
    borderBottomWidth: 1,
    height: 64,
    justifyContent: 'center',
    paddingHorizontal: SPACING.x2,
  },
  backButtonContainer: {
    left: SPACING.x2,
    position: 'absolute',
    zIndex: 1,
  },
  editButtonContainer: {
    position: 'absolute',
    right: SPACING.x2,
    zIndex: 1,
  },
  pictureContainer: {alignSelf: 'center'},
});
