/**
* List block icons.
*
* `ZigzagListBlockIcon` — inserter / dashboard icon.
* `ZigzagListBlockPreviewImage` — static inserter preview (block.json `example`).
* `zigzagListCardDesignIcons` — the three display styles, for both the first-insert
* picker and the Layouts panel's Select Card Style.
* Only List Design 1 renders in the free plugin; the
* other two are `pro: true` and locked in the picker.
*
* Copied from the Pro plugin. The design thumbnails keep a white fill rect first
* and the outline rect second, so the pickers' `rect:nth-child(2)` hover rule (see
* blocks/editor.scss) applies, and take `isActive` like the shared card icons.
*/
import { __ } from "@wordpress/i18n";
export const ZigzagListBlockIcon = () => (
);
export const ZigzagListBlockPreviewImage = () => (
);
// Design one — plain row: image left, content right, no card frame.
const ListDesignOneIcon = ({ isActive }) => (
);
// Design two — framed card, and the row order alternates (Pro).
const ListDesignTwoIcon = ({ isActive }) => (
);
// Design three — reviewer name and designation sit over the bottom of the image (Pro).
const ListDesignThreeIcon = ({ isActive }) => (
);
// `pro: true` designs are shown in the picker but locked in the free plugin.
export const zigzagListCardDesignIcons = [
{ label: __("List Design 1", "testimonial-free"), value: "list-design-one", Icon: ListDesignOneIcon },
{ label: __("List Design 2", "testimonial-free"), value: "list-design-two", Icon: ListDesignTwoIcon, pro: true },
{
label: __("List Design 3", "testimonial-free"),
value: "list-design-three",
Icon: ListDesignThreeIcon,
pro: true,
},
];