@cometchat/chat-uikit-react-native/src/shared/views/CometChatBadge/BadgeConfiguration.ts

Ready-to-use Chat UI Components for React Native

import { BorderStyleInterface, FontStyleInterface } from "../../base";

/**
 * @class BadgeCoundConfiguration
 * @description BadgeConfiguration class is used for defining the BadgeCount template.
 */
export class BadgeConfiguration {
  width?: number | string;
  height?: number | string;
  border?: BorderStyleInterface;
  borderRadius?: number;
  backgroundColor?: string;
  textColor?: string;
  textFont?: FontStyleInterface;
  /**
   * @param {Object} param0
   * @field {number} width - width for component
   * @field {number} height - height for component
   * @field {object} border - object of {borderWidth, borderColor, borderStylw}
   * @field {string} backgroundColor - background colour for componnet
   * @field {number} borderRadius - border radius
   * @field {string} textColor - text color
   * @field {string} textFont - object of {fontFamily, fontSize, fontWeight}
   */
  constructor({
    width = 24,
    height = 24,
    border = { borderWidth: 1, borderColor: 'black', borderStyle: 'solid' },
    backgroundColor = 'rgba(51, 153, 255, 1)',
    borderRadius = 12,
    textColor = 'white',
    textFont = {
      fontFamily: undefined,
      fontWeight: '700',
      fontSize: 11,
    },
  }: BadgeConfigurationInterface) {
    this.width = width;
    this.height = height;
    this.border = border;
    this.borderRadius = borderRadius;
    this.backgroundColor = backgroundColor;
    this.textColor = textColor;
    this.textFont = textFont;
  }
}
export interface BadgeConfigurationInterface {
  width?: number | string;
  height?: number | string;
  border?: BorderStyleInterface;
  borderRadius?: number;
  backgroundColor?: string;
  textColor?: string;
  textFont?: FontStyleInterface;
}