React - Advanced

import { useSidebarConfig } from 'sidenetai-sdk';

function MyComponent() {
  const config = useSidebarConfig();
  return <div>Greeting: {config.text.greeting.title}</div>;
}

import { Sidebar } from 'sidenetai-sdk';

<Sidebar
  config={{
    copilotId: 'copilot-456',
    auth: { ...tokens },
    position: 'right',
    width: '400px',
  }}
  onWidthChange={(width) => console.log(width)}
  onAgentChange={(agentId) => console.log(agentId)}
/>