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

export const styles = StyleSheet.create({
  absoluteContainer: {
    alignItems: 'center',
    justifyContent: 'center',
    position: 'absolute',
  },
  durationContainer: {
    bottom: SPACING['x0.5'],
    left: SPACING.x1,
    position: 'absolute',
  },
  loader: {
    alignItems: 'center',
    justifyContent: 'center',
    position: 'absolute',
    zIndex: 2,
  },
  // eslint-disable-next-line react-native/no-color-literals
  durationText: {
    textShadowColor: 'black',
    textShadowOffset: {
      width: 0,
      height: 1,
    },
    textShadowRadius: 2,
  },
});
