Portfolio

'use client'

import * as React from 'react'
import { PieChart, Pie, Cell, ResponsiveContainer } from 'recharts'
import { cn } from '@/lib/utils'

export interface PortfolioAsset {
  name: string
  value: number
  percentage?: number
  change?: number
  color?: string
}

export interface PortfolioProps {
  assets: PortfolioAsset[]
  currency?: string
  title?: string
  subtitle?: string
  className?: string
}

// Renders a donut allocation chart plus a legend of asset rows.
// Percentages are auto-computed from values when not provided.