# Receipt

Review a ride receipt laid out as a paper slip with a torn edge and a full fare breakdown. Mark it as a business trip and an expense stamp presses down on the slip; PDF and email exports confirm right on it.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/ride-receipt
```

## Import

```tsx
import { ReceiptScreen } from "@/screens/ride/receipt";
```

## Registry dependencies

- `button` — /components/button
- `icon` — /components/icon
- `map-view` — /components/map-view
- `order-summary` — /components/order-summary
- `separator` — /components/separator
- `switch` — /components/switch
- `text` — /components/text
- `trip-progress` — /components/trip-progress

## Native packages

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

## Icons rendered

- `tag` — /icons.html?i=tag
- `package` — /icons.html?i=package
- `alert-triangle` — /icons.html?i=alert-triangle
- `chevron-left` — /icons.html?i=chevron-left
- `share` — /icons.html?i=share
- `briefcase` — /icons.html?i=briefcase
- `chevron-right` — /icons.html?i=chevron-right

Source: https://lumioui.com/screens/ride-receipt