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

export const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    bottom: SPACING.x1,
    position: 'absolute',
    right: 28,
  },
  controller: {
    alignItems: 'center',
    borderRadius: 100,
    borderWidth: 1,
    bottom: 0,
    paddingTop: SPACING.x2,
    position: 'absolute',
    width: 40,
    zIndex: 0,
  },
  circleLock: {
    alignItems: 'center',
    aspectRatio: 1,
    borderRadius: 100,
    bottom: SPACING['x1.5'],
    height: 40,
    justifyContent: 'center',
    position: 'absolute',
  },
  iconMicrophone: {
    bottom: SPACING.x1,
    position: 'absolute',
    right: SPACING['x0.75'],
  },
});
