import crypto from "crypto";
const computedUserHmac = crypto
  .createHmac("sha256", "WSID"+"INTEGRATION_TOKEN")
  .update("USER_ID")
  .digest("hex");

import {FynoInappCenter} from '@fyno/inapp'

class Example extends Component {
  const config = {
    userId: 'USER_ID',
    workspaceId: 'WSID',
    signature: 'computedUserHmac'
    themeConfig: {
      logo: 'LINK_TO_BRAND_LOGO',
      primary: 'PRIMARY_COLOR',
      lightBackground: 'LIGHT_THEME_BACKGROUND_COLOR',
      darkBackground: 'DARK_THEME_BACKGROUND_COLOR'
    }, //optional
    notificationSettings: {
      sound: 'LINK_TO_NOTIFICATION_SOUND'
    } //optional
  }
  render() {
    return <FynoInappCenter {...config}/>
  }
}

import {FynoInApp} from '@fyno/inapp'

class Example extends Component {

  const themeConfig: {
      logo: 'LINK_TO_BRAND_LOGO',
      primary: 'PRIMARY_COLOR',
      lightBackground: 'LIGHT_THEME_BACKGROUND_COLOR',
      darkBackground: 'DARK_THEME_BACKGROUND_COLOR'
  }
  const notificationSettings = {
    sound: 'LINK_TO_NOTIFICATION_SOUND'
  }
  render() {  
    return <FynoInappCenter user="{userid}" workspace="{workspace_id}" signature="{signature generated from backend}" themeConfig={themeConfig} notificationSettings={notificationSettings}/>
  }
}