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

const AUDIO_PLAYER_HEIGHT = 64;

export const styles = StyleSheet.create({
  container: {
    alignSelf: 'stretch',
    gap: SPACING.x1,
    width: '100%',
  },
  headerRow: {
    alignItems: 'center',
    flexDirection: 'row',
    gap: SPACING.x1,
    width: '100%',
  },
  titleColumn: {
    flex: 1,
    minWidth: 0,
  },
  player: {
    height: AUDIO_PLAYER_HEIGHT,
    width: '100%',
  },
});
