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

UI components for Prezly themes

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ShareButton = ShareButton;
var _react = _interopRequireDefault(require("react"));
var _tailwindMerge = require("tailwind-merge");
var _icons = require("@/icons");
var _utils = require("./utils.cjs");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var IconsMap = {
  facebook: _icons.Icons.Facebook,
  linkedin: _icons.Icons.Linkedin,
  pinterest: _icons.Icons.Pinterest,
  twitter: _icons.Icons.Twitter
};
function ShareButton(_ref) {
  var {
    network,
    shareUrl,
    layout,
    iconClassName
  } = _ref;
  var Icon = IconsMap[network];
  return /*#__PURE__*/_react.default.createElement("a", {
    href: (0, _utils.getSocialShareUrl)('facebook', shareUrl),
    target: "_blank",
    rel: "noopener noreferrer",
    title: "Facebook",
    "aria-label": "Facebook",
    className: (0, _tailwindMerge.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.default.createElement(Icon, {
    className: (0, _tailwindMerge.twMerge)('text-gray-800 w-5', iconClassName)
  }));
}