import {
  defineVitaConfig,
  type SocialsPreset,
  type TechStacksPreset,
  type ToolsPreset,
} from '@vitadev/presets'

const socialsPreset: SocialsPreset = {
  type: 'socials',
  socials: [
    {
      name: 'username',
      label: 'GitHub',
      icon: 'github',
      url: 'https://github.com/username',
    },
    {
      name: '@username',
      label: 'X (Twitter)',
      icon: 'twitter',
      url: 'https://x.com/username',
    },
    {
      name: 'email@example.com',
      label: 'Email',
      icon: 'email',
      url: 'mailto:email@example.com',
    },
  ]
}

const techStacksPreset: TechStacksPreset = {
  type: 'techStacks',
  techStacks: [
    { name: 'Vue.js', icon: 'vuedotjs', color: '4FC08D' },
    { name: 'TypeScript', icon: 'typescript', color: '3178C6' },
    { name: 'Node.js', icon: 'nodedotjs', color: '339933' },
  ]
}

const toolsPreset: ToolsPreset = {
  type: 'tools',
  tools: [
    { name: 'VS Code', icon: 'visualstudiocode', color: '007ACC', url: 'https://code.visualstudio.com' },
    { name: 'Git', icon: 'git', color: 'F05032', url: 'https://git-scm.com' },
  ]
}

export default defineVitaConfig({
  title: '{{displayName}} - Vita',
  icon: '👋',
  defaultLocale: 'en',
  presets: [],
  content: {
    locale: 'en',
    name: '{{displayName}}',
    subname: 'Developer',
    titles: ['Full Stack Developer', 'Open Source Contributor'],
    avatar: '/avatar.jpeg',
    bio: '{{bio}}',
    headers: [socialsPreset],
    body: [techStacksPreset, toolsPreset],
    title: '{{displayName}} - Vita',
  },
})