@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
18 lines • 1.79 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TwitterPostPreview = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const card_1 = require("./card");
const footer_1 = require("./footer");
const header_1 = require("./header");
const media_1 = require("./media");
const quote_tweet_1 = require("./quote-tweet");
const sidebar_1 = require("./sidebar");
const text_1 = require("./text");
require("./style.scss");
const TwitterPostPreview = ({ date, description, image, media, name, profileImage, screenName, showThreadConnector, text, title, tweet, cardType, url, }) => {
const hasMedia = !!media?.length;
return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__container", children: [(0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__main", children: [(0, jsx_runtime_1.jsx)(header_1.Header, { name: name, screenName: screenName, date: date }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__content", children: [text ? (0, jsx_runtime_1.jsx)(text_1.Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? (0, jsx_runtime_1.jsx)(media_1.Media, { media: media }) : null, tweet ? (0, jsx_runtime_1.jsx)(quote_tweet_1.QuoteTweet, { tweet: tweet }) : null, !hasMedia && url && ((0, jsx_runtime_1.jsx)(card_1.Card, { description: description || '', image: image, title: title || '', cardType: cardType || '', url: url }))] }), (0, jsx_runtime_1.jsx)(footer_1.Footer, {})] })] }) }));
};
exports.TwitterPostPreview = TwitterPostPreview;
//# sourceMappingURL=post-preview.js.map