@automattic/social-previews
Version:
A suite of components to generate previews for a post for both social and search engines.
41 lines • 2.56 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { __ } from '@wordpress/i18n';
import TumblrPostIcon from '../icons';
import './styles.scss';
const TumblrPostActions = () => (_jsxs("div", { className: "tumblr-preview__post-actions", children: [_jsxs("div", { className: "tumblr-preview__post-manage-actions", children: [_jsxs("div", { className: "tumblr-preview__post-actions-blaze", children: [_jsx(TumblrPostIcon, { name: "blaze" }), "\u00A0Blaze"] }), _jsx("ul", { children: [
{
icon: 'delete',
// translators: "Delete" action on a Tumblr post
label: __('Delete', 'social-previews'),
},
{
icon: 'edit',
// translators: "Edit" action on a Tumblr post
label: __('Edit', 'social-previews'),
},
].map(({ icon, label }) => (_jsx("li", { "aria-label": label, children: _jsx(TumblrPostIcon, { name: icon }) }, icon))) })] }), _jsxs("div", { className: "tumblr-preview__post-social-actions", children: [_jsx("div", { children:
// translators: count of notes on a Tumblr post
__('0 notes', 'social-previews') }), _jsx("ul", { children: [
{
icon: 'share',
// translators: "Share" action on a Tumblr post
label: __('Share', 'social-previews'),
},
{
icon: 'reply',
// translators: "Reply" action on a Tumblr post
label: __('Reply', 'social-previews'),
},
{
icon: 'reblog',
// translators: "Reblog" action on a Tumblr post
label: __('Reblog', 'social-previews'),
},
{
icon: 'like',
// translators: "Like" action on a Tumblr post
label: __('Like', 'social-previews'),
},
].map(({ icon, label }) => (_jsx("li", { "aria-label": label, children: _jsx(TumblrPostIcon, { name: icon }) }, icon))) })] })] }));
export default TumblrPostActions;
//# sourceMappingURL=index.js.map