import {StyleSheet} from 'react-native';
import {normalize} from '../utils/helpers';
import Color from './Color';
export const TEMPLATE_STYLE_VALUES = {
  BORDER_WIDTH: StyleSheet.hairlineWidth,
  BORDER_COLOR: '#728387', //'#E0E1E9',
  BORDER_RADIUS: 6,
  BUBBLE_RADIUS: 10,

  TEXT_COLOR: Color.text_color, //'#202124',
  TEXT_SIZE: normalize(15),
  FONT_FAMILY: 'Inter',
  SUB_TEXT_SIZE: normalize(13),

  TEMPLATE_RIGHT_MARGIN: 12,
  TEMPLATE_LEFT_MARGIN: 12,
  MIN_WIDTH: 200,
  VIEW_MORE_TEXT_COLOR: '#4B4EDE',
  // TEXT_SIZE1: [{small: normalize(12)}],
};

export const BUBBLE_STYLE_TYPE = {
  BALLOON: 'balloon',
  ROUNDED: 'rounded',
  RECTANGLE: 'rectangle',
};
export const botTimeStyles = {
  medium: StyleSheet.create({
    size: {
      fontSize: normalize(11),
    },
  }),
  small: StyleSheet.create({
    size: {
      fontSize: normalize(10),
    },
  }),
  large: StyleSheet.create({
    size: {
      fontSize: normalize(14),
    },
  }),
};

export const botStyles = {
  medium: StyleSheet.create({
    size: {
      fontSize: normalize(14),
    },
  }),
  small: StyleSheet.create({
    size: {
      fontSize: normalize(12),
    },
  }),
  large: StyleSheet.create({
    size: {
      fontSize: normalize(18),
    },
  }),
};
export const rightBubbleStyles = {
  balloon: StyleSheet.create({
    bubble_style: {
      borderBottomLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderTopRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderTopLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
    },
  }),
  rounded: StyleSheet.create({
    bubble_style: {
      borderBottomLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderTopRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderTopLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderBottomRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
    },
  }),
  rectangle: StyleSheet.create({
    bubble_style: {
      // borderBottomLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      // borderTopRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      // borderTopLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      // borderBottomStartRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
    },
  }),
};
export const leftBubbleStyles = {
  balloon: StyleSheet.create({
    bubble_style: {
      borderBottomRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderTopRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderTopLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
    },
  }),
  rounded: StyleSheet.create({
    bubble_style: {
      borderBottomLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderTopRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderTopLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      borderBottomRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
    },
  }),
  rectangle: StyleSheet.create({
    bubble_style: {
      // borderBottomLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      // borderTopRightRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      // borderTopLeftRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
      // borderBottomStartRadius: TEMPLATE_STYLE_VALUES.BUBBLE_RADIUS,
    },
  }),
};