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

UI components for Prezly themes

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SocialMedia = SocialMedia;
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 }; }
function SocialMedia(_ref) {
  var {
    className,
    companySocials,
    iconClassName
  } = _ref;
  var {
    facebook,
    instagram,
    linkedin,
    pinterest,
    tiktok,
    twitter,
    youtube
  } = (0, _utils.getSocialLinks)(companySocials);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _tailwindMerge.twMerge)('flex items-center gap-6', className)
  }, facebook && /*#__PURE__*/_react.default.createElement("a", {
    href: facebook,
    target: "_blank",
    rel: "noopener noreferrer",
    title: "Facebook",
    "aria-label": "Facebook",
    className: iconClassName
  }, /*#__PURE__*/_react.default.createElement(_icons.Icons.Facebook, {
    className: "w-6 h-6"
  })), instagram && /*#__PURE__*/_react.default.createElement("a", {
    href: instagram,
    target: "_blank",
    rel: "noopener noreferrer",
    title: "Instagram",
    "aria-label": "Instagram",
    className: iconClassName
  }, /*#__PURE__*/_react.default.createElement(_icons.Icons.Instagram, {
    className: "w-6 h-6"
  })), linkedin && /*#__PURE__*/_react.default.createElement("a", {
    href: linkedin,
    target: "_blank",
    rel: "noopener noreferrer",
    title: "LinkedIn",
    "aria-label": "LinkedIn",
    className: iconClassName
  }, /*#__PURE__*/_react.default.createElement(_icons.Icons.Linkedin, {
    className: "w-6 h-6"
  })), pinterest && /*#__PURE__*/_react.default.createElement("a", {
    href: pinterest,
    target: "_blank",
    rel: "noopener noreferrer",
    title: "Pinterest",
    "aria-label": "Pinterest",
    className: iconClassName
  }, /*#__PURE__*/_react.default.createElement(_icons.Icons.Pinterest, {
    className: "w-6 h-6"
  })), tiktok && /*#__PURE__*/_react.default.createElement("a", {
    href: tiktok,
    target: "_blank",
    rel: "noopener noreferrer",
    title: "TikTok",
    "aria-label": "TikTok",
    className: iconClassName
  }, /*#__PURE__*/_react.default.createElement(_icons.Icons.TikTok, {
    className: "w-6 h-6"
  })), twitter && /*#__PURE__*/_react.default.createElement("a", {
    href: twitter,
    target: "_blank",
    rel: "noopener noreferrer",
    title: "Twitter",
    "aria-label": "Twitter",
    className: iconClassName
  }, /*#__PURE__*/_react.default.createElement(_icons.Icons.Twitter, {
    className: "w-6 h-6"
  })), youtube && /*#__PURE__*/_react.default.createElement("a", {
    href: youtube,
    target: "_blank",
    rel: "noopener noreferrer",
    title: "Youtube",
    "aria-label": "Youtube",
    className: iconClassName
  }, /*#__PURE__*/_react.default.createElement(_icons.Icons.Youtube, {
    className: "w-6 h-6"
  })));
}