config.ts

import {
  X,
  Email,
  GitHub,
  Instagram,
  LinkedIn,
  StackOverflow,
  Teknologist,
  Resume,
  IconProps,
} from "@tek/icons";

const REF = "apps/info";

export type LinkItem = {
  name: string;
  key: string;
  borderColor: string;
  textColor: string;
  ringColor: string;
  username: string;
  url: string;
  Icon: (props: IconProps) => JSX.Element;
};

type config = {
  LINKS: Array<LinkItem>;
};

const config = {
  LINKS: [
    {
      name: "LinkedIn",
      key: "linkedin",
      borderColor: "border-linkedin",
      textColor: "text-linkedin",
      ringColor: "focus-within:ring-linkedin",
      username: "@tknickman",
      url: "https://www.linkedin.com/in/tknickman/",
      Icon: LinkedIn,
    },
    {
      name: "Github",
      key: "github",
      borderColor: "border-github",
      textColor: "text-github",
      ringColor: "focus-within:ring-github",
      username: "@tknickman",
      url: "https://github.com/tknickman/",
      Icon: GitHub,
    },
    {
      name: "Instagram",
      key: "instagram",
      borderColor: "border-instagram",
      textColor: "text-instagram",
      ringColor: "focus-within:ring-instagram",
      username: "@tknickman",
      url: "https://www.instagram.com/tknickman/",
      Icon: Instagram,
    },
    {
      name: "X",
      key: "x",
      borderColor: "border-twitter-x dark:border-white",
      textColor: "text-twitter-x dark:text-white",
      ringColor: "focus-within:ring-twitter-x",
      username: "@tknickman",
      url: "https://www.x.com/tknickman/",
      Icon: X,
    },
    {
      name: "Freelance",
      key: "teknologist",
      borderColor: "border-teknologist dark:border-white",
      textColor: "text-teknologist dark:text-white",
      ringColor: "focus-within:ring-teknologist",
      username: "Teknologist LLC",
      url: `https://www.teknologist.co?ref=${REF}`,
      Icon: Teknologist,
    },
    {
      name: "Email",
      key: "email",
      borderColor: "border-email",
      textColor: "text-email",
      ringColor: "focus-within:ring-email",
      username: "tknickman@gmail.com",
      url: "mailto:tknickman+info@gmail.com",
      Icon: Email,
    },
    {
      name: "StackOverflow",
      key: "stackoverflow",
      borderColor: "border-stackoverflow",
      textColor: "text-stackoverflow",
      ringColor: "focus-within:ring-stackoverflow",
      username: "@tknickman",
      url: "https://stackoverflow.com/users/701449/tknickman",
      Icon: StackOverflow,
    },
    {
      name: "Resume",
      key: "resume",
      borderColor: "border-resume",
      textColor: "text-resume",
      ringColor: "focus-within:ring-resume",
      username: "Thomas E. Knickman",
      url: `https://www.tomk.link/embeds/resume.pdf?ref=${REF}`,
      Icon: Resume,
    },
  ],
};

export default config;