@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
11 lines • 1.29 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.BlueskyPostSidebar = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
require("./styles.scss");
const BlueskyPostSidebar = ({ user }) => {
const { avatarUrl } = user || {};
return ((0, jsx_runtime_1.jsx)("div", { className: "bluesky-preview__post-sidebar", children: (0, jsx_runtime_1.jsx)("div", { className: "bluesky-preview__post-sidebar-user", children: avatarUrl ? ((0, jsx_runtime_1.jsx)("img", { className: "bluesky-preview__post-avatar", src: avatarUrl, alt: "" })) : ((0, jsx_runtime_1.jsxs)("svg", { className: "bluesky-preview__post-avatar", viewBox: "0 0 24 24", fill: "none", stroke: "none", role: "presentation", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "#0070ff" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "9.5", r: "3.5", fill: "#fff" }), (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", fill: "#fff", d: "M 12.058 22.784 C 9.422 22.784 7.007 21.836 5.137 20.262 C 5.667 17.988 8.534 16.25 11.99 16.25 C 15.494 16.25 18.391 18.036 18.864 20.357 C 17.01 21.874 14.64 22.784 12.058 22.784 Z" })] })) }) }));
};
exports.BlueskyPostSidebar = BlueskyPostSidebar;
//# sourceMappingURL=index.js.map