@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
7 lines • 1.02 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './styles.scss';
export const BlueskyPostSidebar = ({ user }) => {
const { avatarUrl } = user || {};
return (_jsx("div", { className: "bluesky-preview__post-sidebar", children: _jsx("div", { className: "bluesky-preview__post-sidebar-user", children: avatarUrl ? (_jsx("img", { className: "bluesky-preview__post-avatar", src: avatarUrl, alt: "" })) : (_jsxs("svg", { className: "bluesky-preview__post-avatar", viewBox: "0 0 24 24", fill: "none", stroke: "none", role: "presentation", children: [_jsx("circle", { cx: "12", cy: "12", r: "12", fill: "#0070ff" }), _jsx("circle", { cx: "12", cy: "9.5", r: "3.5", fill: "#fff" }), _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" })] })) }) }));
};
//# sourceMappingURL=index.js.map