import type { ComponentType, SVGProps } from "react";
import { RobloxIcon, DiscordIcon, TiktokIcon, YoutubeIcon, FormIcon } from "./icons";

export interface LinkConfig {
  name: string;
  link: string;
  desc: string;
  icon: ComponentType<SVGProps<SVGSVGElement>>;
}

export interface ProfileConfig {
  name: string;
  desc: string;
  avatar: string;
}

export const config = {
  profile: {
    name: "Erika!",
    desc: "แหล่งรวมลิ้งค์ของช่อง Erika!",
    avatar: "/avatar.webp",
  } as ProfileConfig,
  links: [
    {
      name: "Roblox profile",
      link: "https://www.roblox.com/users/4269713791/profile",
      desc: "โปรไฟล์กุเองน้อง",
      icon: RobloxIcon,
    },
    {
      name: "Discord server",
      link: "https://discord.com/invite/3cZQbvW6cF",
      desc: "เข้าเซิร์ฟเวอร์ในดิส",
      icon: DiscordIcon,
    },
    {
      name: "Tiktok",
      link: "https://www.tiktok.com/@erika.bombay007",
      desc: "กดติดตามใน Tiktok",
      icon: TiktokIcon,
    },
    {
      name: "Youtube",
      link: "https://www.youtube.com/@Erika%E0%B9%80%E0%B8%AD%E0%B8%A3%E0%B8%B4%E0%B8%81%E0%B9%89%E0%B8%B2/videos",
      desc: "กดติดตามใน Youtube",
      icon: YoutubeIcon,
    }
  ] as LinkConfig[]
};

export const config_p2 = {
  profile: config.profile,
  links: [
    {
      name: "Form",
      link: "/form",
      desc: "Custom Form ของช่อง erika",
      icon: FormIcon,
    }
  ] as LinkConfig[]
};