import {StyleSheet} from 'react-native';
import {BORDER_RADIUS, SPACING} from '@shared/theme';

export const styles = StyleSheet.create({
  container: {flex: 1},
  description: {marginTop: SPACING.x1},
  label: {marginTop: SPACING.x3},
  htmlDescription: {
    fontSize: 14,
    letterSpacing: 0.2,
    lineHeight: 19.6,
  },
  optionsContainer: {
    gap: SPACING.x2,
    marginBottom: SPACING.x2,
    marginTop: SPACING.x2,
  },
  competencyContainer: {
    borderRadius: BORDER_RADIUS.l,
    padding: SPACING.x2,
  },
  categoryContainer: {
    flexDirection: 'row',
    gap: SPACING['x0.25'],
  },
  dividerContainer: {marginVertical: SPACING.x2},
  marginBottom: {marginBottom: 0},
});
