react-jwchat/dist/esm/demo/DemoContactList.js

This is an easy-to-use web chat component, based on react.

import React from 'react';
import { ContactList } from 'react-jwchat';
import { contactList } from "./displayData";
import DisplayWrapper from "./DisplayWrapper";
import { jsx as _jsx } from "react/jsx-runtime";
export default function DemoContactList() {
  return /*#__PURE__*/_jsx(DisplayWrapper, {
    children: /*#__PURE__*/_jsx(ContactList, {
      data: contactList,
      style: {
        marginRight: 10,
        height: 500,
        borderRadius: 5,
        overflow: 'hidden',
        width: 240,
        border: '1px solid rgb(226, 226, 226)'
      }
    })
  });
}