import { WealthieCalculator } from '@wealthie/react-components'

function MyFinancialApp() {
  return (
    <div className="financial-dashboard">
      <WealthieCalculator
        clientId="your-client-id"
        theme="light"
        features={['netWealth', 'monteCarlo', 'cashflow']}
        onCalculationComplete={(results) => {
          console.log('Calculation results:', results)
          // Handle the results in your application
        }}
      />
    </div>
  )
}

<!-- Simple HTML Integration -->
<div id="wealthie-calculator"></div>

<script src="https://cdn.wealthie.com/calculator.js"></script>
<script>
  WealthieCalculator.init({
    containerId: 'wealthie-calculator',
    apiKey: 'your-api-key',
    theme: 'auto',
    locale: 'en-NZ'
  })
</script>

// POST /api/v1/calculate/net-wealth
const response = await fetch('https://api.wealthie.com/v1/calculate/net-wealth', {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer your-api-key',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    client: {
      age: 35,
      retirementAge: 65,
      currentSavings: 50000,
      monthlyContribution: 1000
    },
    investments: {
      kiwisaver: {
        balance: 25000,
        contribution: 300,
        employerMatch: 150
      },
      portfolio: {
        balance: 75000,
        monthlyContribution: 500,
        riskProfile: 'balanced'
      }
    },
    options: {
      includeMonteCarlo: true,
      projectionYears: 30,
      inflationRate: 0.025
    }
  })
})

const results = await response.json()
// Returns comprehensive financial projections

{
  "projections": {
    "netWealth": [
      { "age": 35, "value": 125000 },
      { "age": 40, "value": 285000 },
      { "age": 50, "value": 650000 },
      { "age": 65, "value": 1450000 }
    ],
    "monteCarlo": {
      "percentile_10": [...],
      "percentile_50": [...],
      "percentile_90": [...]
    }
  },
  "breakdown": {
    "kiwisaver": 485000,
    "investments": 725000,
    "savings": 240000
  },
  "metadata": {
    "calculationTime": "45ms",
    "scenario": "balanced_growth"
  }
}