import { StyleSheet } from 'react-native';
import { Colors, Radius, Spacing } from '../Consts';

export default StyleSheet.create({
  actionIcon: {
    borderRadius: Radius.M,
    alignItems: 'center',
    justifyContent: 'center',
  },
  icon: {
    marginRight: Spacing.S,
    borderRadius: Radius.XS,
  },
  wrapper: {
    flexDirection: 'row',
  },
  margin: {
    marginTop: Spacing.S,
  },
  iconView: {
    marginRight: Spacing.S,
  },
  iconRight: {
    width: 22,
    height: 22,
    borderRadius: Radius.M,
    alignItems: 'center',
    justifyContent: 'center',
    marginLeft: Spacing.S,
  },
  iconLeft: {
    width: 18,
    height: 18,
    borderRadius: Radius.M,
    alignItems: 'center',
    justifyContent: 'center',
    marginHorizontal: Spacing.XS,
  },
  iconLeftView: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  contentView: { marginRight: Spacing.S, flex: 1 },
  title: {
    fontWeight: 'bold',
    color: Colors.black_17,
  },
  badge: {
    marginLeft: Spacing.XS,
  },
  description: {
    marginTop: Spacing.XS,
  },
  debugBaseLine: { borderWidth: 1, borderColor: Colors.green_06 },
});