import {StyleSheet} from 'react-native';
import {getFontStyle, TYPOGRAPHY_STYLES} from '@components/_core/Typography';
import {BORDER_RADIUS} from '@shared/theme';

export const styles = StyleSheet.create({
  dayLabelsWrapper: {borderTopWidth: 0},
  dayCell: {
    borderRadius: BORDER_RADIUS.m,
    borderWidth: 0,
  },
  todayCell: {
    borderRadius: BORDER_RADIUS.m,
    borderWidth: 1,
  },
  text: {
    ...TYPOGRAPHY_STYLES.xs,
    ...getFontStyle('semiBold'),
  },
  calendarTitle: {
    ...TYPOGRAPHY_STYLES.s,
    ...getFontStyle('semiBold'),
  },
  headerWrapper: {
    alignItems: 'center',
    justifyContent: 'space-between',
    margin: 0,
    padding: 0,
  },
  selectedRange: {
    borderBottomWidth: 1,
    borderTopWidth: 1,
  },
  selectedRangeStart: {
    borderBottomLeftRadius: BORDER_RADIUS.m,
    borderTopLeftRadius: BORDER_RADIUS.m,
    borderWidth: 0,
  },
  selectedRangeEnd: {
    borderBottomRightRadius: BORDER_RADIUS.m,
    borderTopRightRadius: BORDER_RADIUS.m,
    borderWidth: 0,
  },
});
