import { TextStyle, ViewStyle } from 'react-native';

import { metrics, spacing, typography } from '~/theme';

export const chipStyles = {
  container: {
    alignItems: 'center',
    borderRadius: metrics.borderRadius[8],
    borderWidth: metrics.borderWidth[1],
    justifyContent: 'center',
    paddingHorizontal: spacing[3],
    paddingVertical: spacing[2],
  } as ViewStyle,
  text: {
    fontSize: typography.fontSize[3],
    fontWeight: typography.fontWeight.regular,
    lineHeight: typography.lineHeight[1],
  } as TextStyle,
};
