import {StyleSheet} from 'react-native';
import {COLORS} from '@shared/colors';

import {ModalTheme} from './interfaces';

export const THEME_COLORS = {
  [ModalTheme.dark]: {
    modal: COLORS.BLACK_SEVEN,
    option: COLORS.BLACK_SIX,
    optionText: COLORS.WHITE,
    handle: COLORS.BLACK_SIX,
  },
  [ModalTheme.light]: {
    modal: COLORS.GRAY_THIRTY_ONE,
    option: COLORS.WHITE,
    optionText: COLORS.BLACK,
    handle: COLORS.GRAY_THIRTY_TWO,
  },
};

export const MODAL_SPACING = {
  modalPadding: 16,
  modalSafeArea: 20,
};

export const MODAL_STYLES = StyleSheet.create({
  title: {
    marginBottom: MODAL_SPACING.modalPadding,
  },
});
