/**
* Embed popover: one copyable row per way of placing the document
* (shortcode, PHP, link shortcode, …). The editor supplies the rows.
*/
import { useState } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { Icon } from '@wordpress/icons';
import { CopyField, Popover, usePopoverClose } from 'admin-ui';
import { closeIcon, chevronDownIcon, embedIcon } from './topBarIcons';
/**
* One embed row, already translated by the owning editor.
*
* @typedef {Object} EmbedRow
* @property {string} id Stable key.
* @property {string} label Visible row label (e.g. Shortcode).
* @property {string} code Text the Copy button writes to the clipboard.
* @property {string} copyLabel Accessible name of the Copy button.
*/
/**
* @param {Object} props
* @param {string} props.heading
* @param {EmbedRow[]} props.rows
*/
function EmbedPanel({ heading, rows }) {
const closePopover = usePopoverClose();
return (
<>
{heading}
{rows.map((row) => (
{row.label}
))}
);
}
/**
* @param {Object} props
* @param {string} props.heading Popover heading (e.g. Embed this gallery).
* @param {EmbedRow[]} props.rows Nothing renders without rows.
*/
export default function TopBarEmbed({ heading, rows }) {
const [open, setOpen] = useState(false);
if (rows.length === 0) {
return null;
}
return (
(
)}
>
);
}