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

export const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    bottom: 0,
    flexDirection: 'row',
    gap: SPACING.x1,
    left: 0,
    paddingHorizontal: SPACING.x1,
    paddingVertical: SPACING['x0.5'],
    position: 'absolute',
    right: 0,
  },
  timeLineHidden: {justifyContent: 'space-around'},
  slider: {flex: 1},
  timeText: {
    height: 17,
    minWidth: 40,
    textAlign: 'center',
  },
  touchOverlay: {
    height: '100%',
    position: 'absolute',
    width: '100%',
  },
});
