@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
12 lines • 1.25 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { PORTRAIT_MODE } from '../constants';
import CustomText from './custom-text';
import useImage from './hooks/use-image-hook';
import FacebookPostActions from './post/actions';
import FacebookPostHeader from './post/header';
export const LinkPreviewDetails = ({ url, customImage, user, customText, imageMode, }) => {
const [mode, isLoadingImage, imgProps] = useImage({ mode: imageMode });
const modeClass = `is-${mode === PORTRAIT_MODE ? 'portrait' : 'landscape'}`;
return (_jsxs("div", { className: "facebook-preview__post", children: [_jsx(FacebookPostHeader, { user: undefined }), _jsx("div", { className: "facebook-preview__content", children: _jsxs("div", { className: `facebook-preview__window ${modeClass} ${customImage && isLoadingImage ? 'is-loading' : ''}`, children: [_jsx("div", { className: `facebook-preview__custom-image ${modeClass}`, children: _jsx("img", { src: customImage, ...imgProps }) }), _jsx(FacebookPostHeader, { user: user, timeElapsed: true, hideOptions: true }), customText && _jsx(CustomText, { text: customText, url: url, forceUrlDisplay: true })] }) }), _jsx(FacebookPostActions, {})] }));
};
//# sourceMappingURL=link-preview-details.js.map