# Defaults (/themes/sdk/reference/inbox/defaults)

```ts
import { … } from '@poltura/theme-sdk/inbox';
```

## `InboxWidget` [#inboxwidget]

The complete live chat: the launcher and the panel with the conversation, the help search and the composer or the offline form.

```ts
InboxWidget(): ReactElement | null
```

<Tab value='Example'>

```tsx
import { InboxWidget } from '@poltura/theme-sdk/inbox';

export function Chat() {
  return <InboxWidget />;
}
```

</Tab>
<Tab value='Source'>

```tsx title="source/inbox-widget.tsx"
import type { ReactElement } from 'react';
import {
  InboxComposer,
  InboxConversation,
  InboxLauncher,
  InboxOfflineForm,
  InboxPanel,
  InboxPanelHeader,
  InboxRoot,
  InboxStatusLine,
  useInbox,
} from '@poltura/theme-sdk/inbox';

function InboxDock(): ReactElement {
  const { view } = useInbox();
  return (
    <>
      <InboxStatusLine />
      {view.online ? <InboxComposer /> : <InboxOfflineForm />}
    </>
  );
}

export function InboxWidget(): ReactElement {
  return (
    <InboxRoot>
      <InboxPanel>
        <InboxPanelHeader />
        <InboxConversation />
        <InboxDock />
      </InboxPanel>
      <InboxLauncher />
    </InboxRoot>
  );
}
```

</Tab>


**See also:** [`useInbox`](/themes/sdk/reference/inbox/hooks#useinbox), [`InboxRoot`](/themes/sdk/reference/inbox/parts-1#inboxroot), [`InboxLauncher`](/themes/sdk/reference/inbox/parts-1#inboxlauncher), [`InboxPanel`](/themes/sdk/reference/inbox/parts-1#inboxpanel), [`InboxConversation`](/themes/sdk/reference/inbox/parts-1#inboxconversation), [`InboxComposer`](/themes/sdk/reference/inbox/parts-1#inboxcomposer)