@wix/design-system/dist/cjs/GooglePreview/GooglePreview.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _GooglePreviewSt = require("./GooglePreview.st.css.js");
var _constants = require("./constants");
var _Text = _interopRequireDefault(require("../Text"));
var _GooglePreviewWebsiteInfo = require("./components/GooglePreviewWebsiteInfo");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/GooglePreview/GooglePreview.tsx";
var GooglePreview = _ref => {
  var {
    dataHook,
    previewUrl,
    title,
    description,
    titleMaxLines = 1,
    descriptionMaxLines = 2,
    skin = 'light',
    siteName,
    favicon,
    websiteInfoTooltipContent,
    websiteInfoTooltipProps,
    onTitleMouseEnter = () => {},
    onTitleMouseLeave = () => {},
    onDescriptionMouseEnter = () => {},
    onDescriptionMouseLeave = () => {},
    onWebsiteInfoClick = () => {},
    onTitleClick = () => {},
    onDescriptionClick = () => {}
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _GooglePreviewSt.st)(_GooglePreviewSt.classes.root, {
      transparent: skin === 'transparent'
    }),
    "data-hook": dataHook,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 30,
      columnNumber: 3
    }
  }, /*#__PURE__*/_react.default.createElement(_GooglePreviewWebsiteInfo.GooglePreviewWebsiteInfo, {
    previewUrl: previewUrl,
    siteName: siteName,
    favicon: favicon,
    onClick: onWebsiteInfoClick,
    tooltipContent: websiteInfoTooltipContent,
    tooltipProps: websiteInfoTooltipProps,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 36,
      columnNumber: 5
    }
  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
    className: _GooglePreviewSt.classes.googlePreviewTitle,
    dataHook: _constants.dataHooks.GooglePreviewTitle,
    weight: "thin",
    size: "tiny",
    secondary: false,
    light: false,
    ellipsis: true,
    tooltipProps: _constants.DEFAULT_TOOLTIP_PROPS,
    maxLines: titleMaxLines,
    onMouseEnter: onTitleMouseEnter,
    onMouseLeave: onTitleMouseLeave,
    onClick: onTitleClick,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 44,
      columnNumber: 5
    }
  }, title), /*#__PURE__*/_react.default.createElement(_Text.default, {
    className: _GooglePreviewSt.classes.googlePreviewDescription,
    weight: "thin",
    size: "tiny",
    light: false,
    dataHook: _constants.dataHooks.GooglePreviewDescription,
    ellipsis: true,
    tooltipProps: _constants.DEFAULT_TOOLTIP_PROPS,
    maxLines: descriptionMaxLines,
    onMouseEnter: onDescriptionMouseEnter,
    onMouseLeave: onDescriptionMouseLeave,
    onClick: onDescriptionClick,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 60,
      columnNumber: 5
    }
  }, description));
};
GooglePreview.displayName = 'GooglePreview';
var _default = exports.default = GooglePreview;
//# sourceMappingURL=GooglePreview.js.map