export interface LanguagesConfig {
  langsLayout?: 'bars' | 'list' | 'compact' | 'donut' // Default: 'bars'
  langsCount?: number                                 // Default: 5 (max languages to show)
  showPercentage?: boolean                            // Default: true
  hideLangsArr?: string[]                             // Excluded languages array
  hideLangs?: string                                  // Comma-separated excluded languages
  donutLegendPos?: 'bottom' | 'side'                  // Default: 'bottom' (donut mode only)
  donutShowPct?: boolean                              // Default: true (donut mode only)
  donutCenterLabel?: boolean                          // Default: false (donut mode only)
}

import { renderWidgetSvg, WidgetInstance } from '@/engine'

const languagesWidget: WidgetInstance = {
  instanceId: 'languages_01',
  widgetId: 'languages',
  name: 'Top Languages',
  position: { x: 0, y: 402 },
  size: { width: 800, height: 140 },
  config: {
    langsLayout: 'donut',
    langsCount: 6,
    donutLegendPos: 'side',
    donutCenterLabel: true,
    showPercentage: true,
  },
  locked: false,
  visible: true,
  zIndex: 4,
}

const svgOutput = renderWidgetSvg(languagesWidget, profileData, globalStyles)