export interface SocialMediaConfig {
  selectedSocials?: string[] // Array of platform keys
  socialUrls?: Record<string, string> // Custom URLs keyed by platform ID
  badgeStyle?: 'for-the-badge' | 'flat-square' | 'social' | 'skillicons' // Default: 'for-the-badge'
  showTitle?: boolean // Default: true
  customTitle?: string // Default: '[ SOCIAL MEDIA ]'
  theme?: 'dark' | 'light' // Default: 'dark'
}

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

const socialWidget: WidgetInstance = {
  instanceId: 'social_01',
  widgetId: 'social-media',
  name: 'Social Media',
  position: { x: 0, y: 720 },
  size: { width: 800, height: 120 },
  config: {
    selectedSocials: ['github', 'linkedin', 'twitter', 'discord', 'email'],
    badgeStyle: 'for-the-badge',
    socialUrls: {
      github: 'https://github.com/octocat',
      linkedin: 'https://linkedin.com/in/octocat',
      twitter: 'https://x.com/octocat',
      email: 'mailto:octocat@github.com',
    },
    showTitle: true,
  },
  locked: false,
  visible: true,
  zIndex: 6,
}

const svgOutput = renderWidgetSvg(socialWidget, profileData, globalStyles)