# `useUI`

Control the Openfort modal: open/close and navigate between views.

## Usage

```tsx
import { useUI } from '@openfort/react';

function Header() {
  const { isOpen, open, close, openProfile, openProviders } = useUI();

  return (
    <>
      <button onClick={openProviders}>Sign in</button>
      <button onClick={openProfile}>Profile</button>
      {isOpen && <button onClick={close}>Close</button>}
    </>
  );
}
```

## Return type

```ts
type UseUIReturn = {
  isOpen: boolean
  open(): void
  close(): void
  setIsOpen(open: boolean): void
  openProfile(): void
  openSwitchNetworks(): void
  openProviders(): void
  openWallets(): void
}
```