"use client";
import { tinaField } from "tinacms/dist/react";
import { cn } from "@wp2/helpers";
import { SocialIcons } from "@wp2/helpers/dist/client";
import { Button } from "@wp2/ui/dist/button";
export const SocialIcon = ({ item, className }) => {
    const platform = item?.platform;
    if (!platform)
        return null;
    const icon = SocialIcons[platform];
    const Icon = icon?.Icon;
    return (<Button variant={null} data-tina-field={tinaField(item, "platform")} href={item.href} target="_blank" className={cn("", className)}>
      <Icon className="h-full w-full"/>
    </Button>);
};