@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
11 lines • 1.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const helpers_1 = require("../../../helpers");
const helpers_2 = require("../../helpers");
require("./styles.scss");
const BlueskyPostCard = ({ title, description, url, image }) => {
return ((0, jsx_runtime_1.jsxs)("div", { className: "bluesky-preview__card", children: [image ? ((0, jsx_runtime_1.jsx)("div", { className: "bluesky-preview__card-image", children: (0, jsx_runtime_1.jsx)("img", { src: image, alt: "" }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "bluesky-preview__card-text", children: [(0, jsx_runtime_1.jsx)("div", { className: "bluesky-preview__card-site", children: (0, helpers_1.baseDomain)(url) }), (0, jsx_runtime_1.jsx)("div", { className: "bluesky-preview__card-title", children: (0, helpers_2.blueskyTitle)(title) || (0, helpers_1.getTitleFromDescription)(description) }), (0, jsx_runtime_1.jsx)("div", { className: "bluesky-preview__card-description", children: (0, helpers_1.stripHtmlTags)(description) })] })] }));
};
exports.default = BlueskyPostCard;
//# sourceMappingURL=index.js.map