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

const MEDIA_HEIGHT = 200;
const CONTENT_MARGIN = 28;

export const styles = StyleSheet.create({
  header: {paddingHorizontal: SPACING.x2},
  dialogContainer: {borderWidth: 0},
  listContainer: {flex: 1},
  dialog: {
    gap: SPACING.x2,
    paddingHorizontal: 0,
  },
  content: {
    marginTop: CONTENT_MARGIN,
    paddingHorizontal: SPACING.x2,
  },
  paginationContainer: {
    alignItems: 'center',
    alignSelf: 'center',
    flexDirection: 'row',
    gap: SPACING.x1,
    justifyContent: 'center',
    position: 'absolute',
    top: MEDIA_HEIGHT + CONTENT_MARGIN / 2,
  },
  multimedia: {
    height: MEDIA_HEIGHT,
    width: '100%',
  },
});
