import { StyleSheet } from 'react-native';
import { createThemedStyles } from '../../theme';

export const agentSphereStyles = createThemedStyles({
  frame: {
    alignItems: 'center',
    justifyContent: 'center',
    overflow: 'hidden',
    position: 'relative',
  },
  builtInFrame: {
    backgroundColor: 'transparent',
  },
  userFrame: {
    backgroundColor: '#242427',
    borderColor: '#38383D',
    borderWidth: 1,
  },
  emojiFrame: {
    backgroundColor: '#151515',
    borderColor: '#2A2A2A',
    borderWidth: 1,
  },
  image: { height: '100%', width: '100%' },
  emoji: { color: '#FFFFFF', fontWeight: '800', textAlign: 'center' },
});