import { StyleSheet } from 'react-native';
import { typography, borderRadius } from '@theme';

export const getStyles = (colors: any) =>
  StyleSheet.create({
    container: {
      minWidth: 18,
      height: 18,
      borderRadius: borderRadius.full,
      backgroundColor: colors.error,
      justifyContent: 'center',
      alignItems: 'center',
      paddingHorizontal: 4,
    },
    text: {
      color: colors.white,
      fontSize: typography.fontSize.xs - 2,
      fontWeight: typography.fontWeight.bold,
      textAlign: 'center',
    },
  });