import {TextVariant} from '@components/Text';
import {COLORS, hexToRgb} from '@shared/colors';

export const SIZE_TEXT_VARIANT: {
  [key: string]: {
    variant: TextVariant;
    height: number;
    paddingHorizontal: number;
  };
} = {
  sm: {
    variant: 'caption',
    height: 28,
    paddingHorizontal: 8,
  },
  md: {
    variant: 'subtitle1',
    height: 32,
    paddingHorizontal: 12,
  },
  lg: {
    variant: 'h6',
    height: 40,
    paddingHorizontal: 16,
  },
};

export const THEME_VALUE = {
  default: {
    background: COLORS.GRAY_TWENTY_NINE,
    color: COLORS.BLACK,
    borderColor: COLORS.GRAY_TWENTY_NINE,
  },
  primary: {
    background: COLORS.PRIMARY_LIGHT,
    color: COLORS.PRIMARY,
    borderColor: COLORS.PRIMARY_LIGHT,
  },
  success: {
    background: hexToRgb(COLORS.SUCCESS, 0.12),
    color: COLORS.SUCCESS_DARK,
    borderColor: hexToRgb(COLORS.SUCCESS, 0.12),
  },
  warning: {
    background: COLORS.WARNING_LIGHT,
    color: COLORS.WARNING_DARK,
    borderColor: COLORS.WARNING_LIGHT,
  },
  error: {
    background: hexToRgb(COLORS.ERROR, 0.12),
    color: COLORS.ERROR_DARK,
    borderColor: hexToRgb(COLORS.ERROR, 0.12),
  },
  info: {
    background: hexToRgb(COLORS.INFO_DARK, 0.12),
    color: COLORS.INFO_DARK,
    borderColor: hexToRgb(COLORS.INFO_DARK, 0.12),
  },
  recommended: {
    background: COLORS.LIGHT_PURPLE,
    color: COLORS.PURPLE_THREE,
    borderColor: COLORS.LIGHT_PURPLE,
  },
  outlineDefault: {
    background: COLORS.WHITE,
    color: COLORS.GRAY_SIXTEEN,
    borderColor: COLORS.DARK_GRAY_FOUR,
  },
  outlinePrimary: {
    background: COLORS.WHITE,
    color: COLORS.PRIMARY,
    borderColor: COLORS.PRIMARY,
  },
};
