import Toggle from "react-toggle"; import { Demos, Docs, ProIconFill } from "../icons"; import { accordionBlocksInfo } from "@easy-accordion/constants"; const proBlocks = [ "sp-easy-accordion-pro/accordion-slider", "sp-easy-accordion-pro/media-accordion", "sp-easy-accordion-pro/user-faq-form", ]; const ToggleCard = ({ attributes, blockShowHideHandler, isUpcomingBlock = false, type = "", onBlockClick = null }) => { const { show, name } = attributes; const blocksInfo = accordionBlocksInfo; // return if block info don't exist. if (!blocksInfo[name]) { return; } const { icon, demoLink, docLink, title } = blocksInfo[name]; const isPro = proBlocks.includes(name); const handleCardClick = () => { if (type === "quick-start" && onBlockClick && !isUpcomingBlock && !isPro) { onBlockClick(name); } }; return (
{isPro && (
PRO
)}
{icon}
{title}
{(docLink || isUpcomingBlock) && type !== "quick-start" && (
e.stopPropagation()} >
Docs
)} {(demoLink || isUpcomingBlock) && (
e.stopPropagation()} >
{type === "quick-start" ? "Live Demo" : "Demo"}
)}
{ e.stopPropagation(); if (!isUpcomingBlock && !isPro) { blockShowHideHandler(name); } }} disabled={isUpcomingBlock || isPro} />
); }; export default ToggleCard;