> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sequence.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# useSocialLink

> Hook para gestionar el estado y la configuración del modal de inicio de sesión con redes sociales

## Importar

```tsx theme={null}
import { useSocialLink } from '@0xsequence/connect'
```

## Uso

```tsx theme={null}
import { useSocialLink } from '@0xsequence/connect'

function App() {
  const { isSocialLinkOpen, waasConfigKey, setIsSocialLinkOpen } = useSocialLink()
  
  const handleOpenSocialLink = () => {
    setIsSocialLinkOpen(true)
  }
  
  const handleCloseSocialLink = () => {
    setIsSocialLinkOpen(false)
  }
  
  return (
    <div>
      <button onClick={handleOpenSocialLink}>
        Open Social Link
      </button>
      
      {isSocialLinkOpen && (
        <div>
          <p>Social Link modal is open</p>
          <p>WaaS Config Key: {waasConfigKey || 'Not available'}</p>
          <button onClick={handleCloseSocialLink}>
            Close Modal
          </button>
        </div>
      )}
    </div>
  )
}
```

## Tipo de Retorno: `UseSocialLinkReturnType`

El hook retorna un objeto con las siguientes propiedades:

```tsx theme={null}
type UseSocialLinkReturnType = {
  isSocialLinkOpen: boolean
  waasConfigKey: string | null
  setIsSocialLinkOpen: (isOpen: boolean) => void
}
```

### Propiedades

#### isSocialLinkOpen

`boolean`

Indica si el modal de inicio de sesión con redes sociales está abierto (`true`) o cerrado (`false`).

#### waasConfigKey

`string | null`

La clave de configuración WaaS asociada a la funcionalidad de inicio de sesión con redes sociales, o `null` si no está disponible.

#### setIsSocialLinkOpen

`(isOpen: boolean) => void`

Función para abrir o cerrar el modal de inicio de sesión con redes sociales.

**Parámetros:**

| Parámetro | Type      | Description                                                        |
| --------- | --------- | ------------------------------------------------------------------ |
| `isOpen`  | `boolean` | Indica si el modal debe estar abierto (`true`) o cerrado (`false`) |