import { StyleSheet } from 'react-native';
import { BorderRadius, Spacing } from '../../utils/ThemeUtil';

export default StyleSheet.create({
  container: {
    flexDirection: 'row',
    height: 56,
    width: '100%',
    padding: Spacing.s,
    alignItems: 'center',
    borderRadius: BorderRadius.xs
  },
  content: {
    flexDirection: 'row',
    flexGrow: 1,
    paddingHorizontal: Spacing.s
  },
  imageContainer: {
    width: 36,
    height: 36,
    borderRadius: 100,
    borderWidth: 2,
    alignItems: 'center',
    justifyContent: 'center'
  },
  image: {
    width: 32,
    height: 32,
    borderRadius: 100
  },
  disabledImage: {
    opacity: 0.4
  },
  rightIcon: {
    marginRight: Spacing['2xs']
  }
});