"use client";
import * as React2 from 'react';
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { Pressable } from '@page-speed/pressable';
import { Icon } from '@page-speed/icon';
import { jsx } from 'react/jsx-runtime';
import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';

function cn(...inputs) {
  return twMerge(clsx(inputs));
}
var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
var DynamicIcon = React2.memo(function DynamicIcon2({
  apiKey,
  ...props
}) {
  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
});
DynamicIcon.displayName = "DynamicIcon";
var platformIconMap = {
  instagram: "cib/instagram",
  linkedin: "cib/linkedin",
  google: "cib/google",
  facebook: "cib/facebook",
  tiktok: "cib/tiktok",
  youtube: "cib/youtube",
  yelp: "cib/yelp",
  spotify: "cib/spotify",
  apple: "cib/apple",
  x: "prime/twitter",
  github: "cib/github",
  snapchat: "cib/snapchat",
  discord: "cib/discord",
  dev: "simple-icons/devdotto",
  substack: "simple-icons/substack",
  reddit: "cib/reddit",
  pinterest: "cib/pinterest",
  threads: "simple-icons/threads",
  twitch: "cib/twitch",
  whatsapp: "cib/whatsapp",
  telegram: "cib/telegram",
  medium: "simple-icons/medium",
  patreon: "cib/patreon",
  onlyfans: "simple-icons/onlyfans",
  eventbrite: "cib/eventbrite",
  npmjs: "simple-icons/npm",
  crates: "cib/rust",
  rubygems: "cib/rubygems",
  behance: "cib/behance",
  dribbble: "cib/dribbble",
  unknown: "icon-park-solid/circular-connection"
};
var SocialLinkIcon = React2.forwardRef(
  ({
    platformName,
    label,
    iconSize = 20,
    iconColor,
    href,
    iconClassName,
    className,
    iconNameOverride,
    iconOnly = false,
    ...pressableProps
  }, ref) => {
    const platform = usePlatformFromUrl(href);
    const smartPlatformName = React2.useMemo(() => {
      return platform || platformName;
    }, [platform, platformName]);
    const iconName = React2.useMemo(() => {
      return iconNameOverride || platformIconMap[smartPlatformName];
    }, [iconNameOverride, smartPlatformName]);
    const accessibleLabel = React2.useMemo(() => {
      return label || platformName;
    }, [label, platformName]);
    const icon = React2.useMemo(() => {
      return /* @__PURE__ */ jsx(
        DynamicIcon,
        {
          name: iconName,
          size: iconSize,
          color: iconColor,
          className: iconClassName,
          alt: accessibleLabel
        }
      );
    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
    if (iconOnly) {
      return icon;
    }
    return /* @__PURE__ */ jsx(
      Pressable,
      {
        ref,
        href,
        "aria-label": accessibleLabel,
        className: cn(
          "inline-flex items-center justify-center transition-colors",
          className
        ),
        ...pressableProps,
        children: icon
      }
    );
  }
);
SocialLinkIcon.displayName = "SocialLinkIcon";

export { SocialLinkIcon };
