import { ViewStyle } from 'react-native';

import { spacing } from '~/theme';

const CHIP_MARGIN = spacing[1];

export const TagsGridStyles = {
  content: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    marginHorizontal: -CHIP_MARGIN,
  } as ViewStyle,
  chip: {
    marginVertical: CHIP_MARGIN,
    marginHorizontal: CHIP_MARGIN,
  } as ViewStyle,
  line: {
    marginBottom: spacing[4],
  } as ViewStyle,
};
