import { StyleSheet } from 'react-native';
import { useTheme } from 'react-native-paper';
export const useStyles = () => {
  const theme = useTheme();
  const styles = StyleSheet.create({
    container: {
      flexDirection: 'row',
      gap: 4,
      width: '100%'
    },
    scrollableContainer: {
      flexDirection: 'row',
      gap: 8
    },
    allVisible: {
      flexWrap: 'nowrap',
      overflow: 'scroll'
    },
    chipContainer: {
      backgroundColor: theme.colors.baseShade4,
      paddingHorizontal: 6,
      borderRadius: 20
    },
    chipText: {
      fontSize: 13,
      lineHeight: 18,
      color: theme.colors.base
    }
  });
  return {
    styles,
    theme
  };
};
//# sourceMappingURL=styles.js.map