import {StyleSheet} from 'react-native';
import {hexToRgb} from '@shared/colors';
import {BORDER_RADIUS, COLORS, SPACING} from '@shared/theme';

import {STYLES_COMMON_POSITION} from '../../constants';

export const styles = StyleSheet.create({
  container: {
    backgroundColor: hexToRgb(COLORS.black, 0.7),
    borderRadius: BORDER_RADIUS.s,
    padding: SPACING['x0.5'],
    position: 'absolute',
    right: STYLES_COMMON_POSITION,
    top: STYLES_COMMON_POSITION,
  },
});
