Markprompt

1import { Markprompt } from '@markprompt/react';
2
3function Example() {
4  return (
5    <Markprompt
6      projectKey="YOUR-PROJECT-KEY"
7      chatOptions={{
8        placeholder: 'Send message',
9        history: true,
10        avatars: {
11          user: '/avatars/user.png',
12          assistant: '/avatars/assistant.png',
13        },
14        defaultView: {
15          message: "Hello, I'm an AI assistant from Acme!",
16          prompts: [
17            'What is Markprompt?',
18            'How do I setup the React component?',
19            'Do you have a REST API?',
20          ],
21        },
22      }}
23      feedbackOptions={{
24        votes: true,
25        csat: true,
26      }}
27      integrations={{
28        createTicket: {
29          enabled: true,
30          provider: 'zendesk',
31        },
32      }}
33    >
34      <button>Open Markprompt</button>
35    </Markprompt>
36  );
37}