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

export const TABLE_CELL_MIN_WIDTH = 120;

export const styles = StyleSheet.create({
  container: {gap: SPACING.x1},
  lineHeight: {lineHeight: 20},
  italic: {fontStyle: 'italic'},
  h1: {
    marginBottom: SPACING.x2,
    marginTop: SPACING.x6,
  },
  h2: {
    marginBottom: SPACING.x1,
    marginTop: SPACING.x4,
  },
  h3: {
    marginBottom: SPACING.x1,
    marginTop: SPACING.x3,
  },
  hr: {
    height: 1,
    marginVertical: SPACING.x2,
  },
  bullet: {width: SPACING.x4},
  listItem: {
    flexDirection: 'row',
    marginBottom: SPACING.x1,
    paddingLeft: SPACING.x2,
  },
  listItemContent: {flex: 1},
  paragraph: {marginBottom: SPACING.x2},
  table: {
    alignSelf: 'flex-start',
    borderRadius: BORDER_RADIUS.s,
    borderWidth: 1,
  },
  tableFullWidth: {alignSelf: 'stretch'},
  tableWrapper: {marginBottom: SPACING.x2},
  tableRow: {
    borderBottomWidth: 0,
    flexDirection: 'row',
  },
  tableRowBorder: {borderBottomWidth: 1},
  tableCell: {padding: SPACING.x2},
});
