نمودار Sankey (PartoSankeyChart)

'use client'
import { PartoSankeyChart } from '@parto-system-design/ui'

const nodes = [
  { name: 'اخبار' },
  { name: 'شبکه اجتماعی' },
  { name: 'موافق' },
  { name: 'مخالف' },
]

const links = [
  { source: 0, target: 2, value: 45 }, // اخبار → موافق
  { source: 0, target: 3, value: 20 }, // اخبار → مخالف
  { source: 1, target: 2, value: 55 }, // شبکه → موافق
  { source: 1, target: 3, value: 60 }, // شبکه → مخالف
]

<div style={{ height: 340 }}>
  <PartoSankeyChart nodes={nodes} links={links} />
</div>

const nodes = [
  { name: 'توییتر' },
  { name: 'اینستاگرام' },
  { name: 'تلگرام' },
  { name: 'موافق' },
  { name: 'خنثی' },
  { name: 'مخالف' },
]
const links = [
  { source: 0, target: 3, value: 30 },
  { source: 0, target: 4, value: 15 },
  { source: 0, target: 5, value: 25 },
  { source: 1, target: 3, value: 50 },
  { source: 1, target: 4, value: 10 },
  { source: 1, target: 5, value: 20 },
  { source: 2, target: 3, value: 18 },
  { source: 2, target: 5, value: 22 },
]

<PartoSankeyChart nodes={nodes} links={links} />

const nodes = [
  { name: 'توییتر' }, { name: 'اینستاگرام' },
  { name: 'اقتصاد' }, { name: 'سیاست خارجی' }, { name: 'فرهنگ' },
  { name: 'موافق' }, { name: 'مخالف' },
]
const links = [
  { source: 0, target: 2, value: 40 },
  { source: 0, target: 3, value: 20 },
  { source: 1, target: 2, value: 25 },
  { source: 1, target: 4, value: 30 },
  { source: 2, target: 5, value: 35 },
  { source: 2, target: 6, value: 30 },
  { source: 3, target: 6, value: 20 },
  { source: 4, target: 5, value: 30 },
]

<PartoSankeyChart nodes={nodes} links={links} />

const nodes = [
  { name: 'منبع' },
  { name: 'موافق', color: 'hsl(var(--sentiment-positive))' },
  { name: 'مخالف', color: 'hsl(var(--sentiment-negative))' },
  { name: 'خنثی', color: 'hsl(var(--sentiment-neutral))' },
]
const links = [
  { source: 0, target: 1, value: 45 },
  { source: 0, target: 2, value: 30 },
  { source: 0, target: 3, value: 25 },
]

<PartoSankeyChart nodes={nodes} links={links} />

<PartoSankeyChart nodes={nodes} links={links} nodeWidth={20} nodePadding={32} />

<PartoSankeyChart nodes={[]} links={[]} />