# Market Checkout

Check out an accepted offer with your payment held safely until the item arrives. Pick delivery and watch the total update, while an escrow rail shows exactly where your money sits.

> Screen template — React Native, dev build required.

## Install

```bash
npx @lumioui/cli add pro/marketplace-market-checkout
```

## Import

```tsx
import { MarketCheckoutScreen } from "@/screens/marketplace/market-checkout";
```

## Registry dependencies

- `animated-number` — /components/animated-number
- `avatar` — /components/avatar
- `icon` — /components/icon
- `lightbox` — /components/lightbox
- `text` — /components/text

## Native packages

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

## Icons rendered

- `shield` — /icons.html?i=shield
- `chevron-left` — /icons.html?i=chevron-left
- `arrow-right` — /icons.html?i=arrow-right

Source: https://lumioui.com/screens/marketplace-market-checkout