# Matches

New matches and conversations live together here. Match tiles dim the less of their 24-hour window is left, and filters show whose turn it is to reply; swipe a chat to unmatch.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/dating-matches
```

## Import

```tsx
import { MatchesScreen } from "@/screens/dating/matches";
```

## Registry dependencies

- `chat-list-item` — /components/chat-list-item
- `icon` — /components/icon
- `image` — /components/image
- `swipeable-row` — /components/swipeable-row
- `text` — /components/text

## Native packages

- react-native-reanimated@*
- react-native-safe-area-context@*
- react-native-svg@*

## Icons rendered

- `users` — /icons.html?i=users
- `heart` — /icons.html?i=heart
- `message-circle` — /icons.html?i=message-circle
- `user` — /icons.html?i=user
- `search` — /icons.html?i=search
- `x` — /icons.html?i=x

Source: https://lumioui.com/screens/dating-matches