import Link from "next/link";
import React from "react";
export type TechIcon = "ts" | "next" | "react" | "tailwind" | "PostgreSQL";
const tech: {
label: string;
link: string;
Logo: (props: any) => JSX.Element;
}[] = [
{
label: "Tailwind CSS",
link: "https://tailwindcss.com/",
Logo: (props: any) => (
),
},
{
label: "Typescript",
link: "https://www.typescriptlang.org/",
Logo: (props: any) => (
),
},
{
label: "Next JS",
link: "https://nextjs.org/",
Logo: (props: any) => (
),
},
{
label: "Drizzle ORM",
link: "https://orm.drizzle.team/",
Logo: (props: any) => (
),
},
{
label: "PostgreSQL",
link: "https://www.postgresql.org/",
Logo: (props: any) => (
),
},
{
label: "Figma",
link: "https://www.figma.com",
Logo: (props: any) => (
),
},
{
label: "Github",
link: "https://github.com/",
Logo: (props: any) => (
),
},
];
function Tech() {
return (
most liked technologies and{" "}
tools
{tech.map(({ Logo, label, link }, idx) => (
-
{label}
))}
);
}
export default Tech;