Sales Dashboard

Build a sales dashboard page in React with TypeScript. The page fetches sales data from /api/stats which returns { data: Stat[] } where each Stat has id: string, label: string, value: number, and trend: "up" | "down" | "flat".

Display the stats as a grid of cards. Each card shows the label, the formatted value (as USD currency), and an arrow icon indicating the trend direction.

Output

Produce TypeScript/TSX files in a src/ directory:

• src/types.ts -- TypeScript type definitions
• src/hooks/useStats.ts -- custom hook to fetch stats
• src/components/StatCard.tsx -- individual stat card
• src/components/Dashboard.tsx -- the dashboard page that uses the hook and renders cards
• src/App.tsx -- the app entry point that renders the dashboard

The code does not need to run against a real server. Do not include test files or build configuration.