29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { DATA } from "@/app/resume";
|
|
import { Card, CardContent } from "@/components/ui/card";
|
|
import {Button} from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
import {Badge} from "@/components/ui/badge";
|
|
|
|
export function ContactCard() {
|
|
return (
|
|
<Card>
|
|
<CardContent className="p-4">
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
{Object.entries(DATA.contact.social).map(([name, social]) => (
|
|
<Link href={social.url} key={name} target="_blank">
|
|
<Button variant="outline" className="w-full">
|
|
<Badge className="mr-2">
|
|
<social.icon style={{ width: 16, height: 16 }} /> {/* Pass size directly to the component */}
|
|
</Badge>
|
|
{name}
|
|
</Button>
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|