@prezly/theme-kit-ui/build/components/StoryShareLinks/ShareButton.mjs

UI components for Prezly themes

import React from "react";
import { twMerge } from 'tailwind-merge';
import { Icons } from '@/icons';
import { getSocialShareUrl } from "./utils.mjs";
var IconsMap = {
  facebook: Icons.Facebook,
  linkedin: Icons.Linkedin,
  pinterest: Icons.Pinterest,
  twitter: Icons.Twitter
};
export function ShareButton(_ref) {
  var {
    network,
    shareUrl,
    layout,
    iconClassName
  } = _ref;
  var Icon = IconsMap[network];
  return /*#__PURE__*/React.createElement("a", {
    href: getSocialShareUrl('facebook', shareUrl),
    target: "_blank",
    rel: "noopener noreferrer",
    title: "Facebook",
    "aria-label": "Facebook",
    className: twMerge('p-3 border-gray-200 bg-white hover:bg-gray-100 active:bg-gray-200', layout === 'vertical' ? "border-b  last:border-b-0" : "border-r last:border-r-0")
  }, /*#__PURE__*/React.createElement(Icon, {
    className: twMerge('text-gray-800 w-5', iconClassName)
  }));
}