import { TextStyle, ViewStyle } from 'react-native';

import { color, Presets } from '~/theme';

/**
 * All the variations of chip views.
 */
export const viewPresets: Record<Presets, ViewStyle> = {
  primary: {
    backgroundColor: color.palette.white,
    borderColor: color.palette.mercury2,
  },
  secondary: {
    backgroundColor: color.palette.mercury,
    borderColor: color.palette.tundora,
  },
  success: {
    backgroundColor: color.palette.malachite,
    borderColor: color.palette.aquamarine,
  },
  warning: {
    backgroundColor: color.palette.turbo,
    borderColor: color.palette.gorse,
  },
  error: {
    backgroundColor: color.palette.redRibbon,
    borderColor: color.palette.wildWatermelon,
  },
};

/**
 * All the variations of chip texts.
 */
export const textPresets: Record<Presets, TextStyle> = {
  primary: {
    color: color.palette.tundora,
  },
  secondary: {
    color: color.palette.tundora,
  },
  success: {
    color: color.palette.white,
  },
  warning: {
    color: color.palette.white,
  },
  error: {
    color: color.palette.white,
  },
};
