@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
16 lines • 1.14 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Card = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const clsx_1 = tslib_1.__importDefault(require("clsx"));
const helpers_1 = require("../helpers");
const helpers_2 = require("./helpers");
const Card = ({ image, title, url }) => {
const cardClassNames = (0, clsx_1.default)({
'threads-preview__card-has-image': !!image,
});
return ((0, jsx_runtime_1.jsx)("div", { className: "threads-preview__card", children: (0, jsx_runtime_1.jsxs)("div", { className: cardClassNames, children: [image && (0, jsx_runtime_1.jsx)("img", { className: "threads-preview__card-image", src: image, alt: "" }), (0, jsx_runtime_1.jsxs)("div", { className: "threads-preview__card-body", children: [(0, jsx_runtime_1.jsx)("div", { className: "threads-preview__card-url", children: (0, helpers_1.baseDomain)(url || '') }), (0, jsx_runtime_1.jsx)("div", { className: "threads-preview__card-title", children: (0, helpers_2.threadsTitle)(title) })] })] }) }));
};
exports.Card = Card;
//# sourceMappingURL=card.js.map