@websolutespa/payload-plugin-bowl-llm/dist/components/CustomThemeDescription/CustomThemeDescription.js

LLM plugin for Bowl PayloadCms plugin

'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Modal, useField, useModal, useTranslation } from '@payloadcms/ui';
import * as React from 'react';
import { options } from '../../options';
import { CustomThemeDescriptionModal } from './CustomThemeDescriptionModal';
export const CustomThemeDescription = ({ collectionSlug, description })=>{
    const { t } = useTranslation();
    const { openModal, isModalOpen } = useModal();
    const field = useField();
    const modalId = `custom-theme-description-modal-${collectionSlug}`;
    const isModalOpened = isModalOpen(modalId);
    if (!options.defaultTheme) {
        return;
    }
    return /*#__PURE__*/ _jsxs("div", {
        className: 'custom-theme-description',
        children: [
            /*#__PURE__*/ _jsx("span", {
                children: "A json with the overrides of the default theme vars."
            }),
            /*#__PURE__*/ _jsx("button", {
                type: "button",
                onClick: ()=>openModal(modalId),
                className: 'custom-theme-description-btn',
                children: /*#__PURE__*/ _jsx("span", {
                    children: t('llm:viewFullSpecs')
                })
            }),
            /*#__PURE__*/ _jsx(Modal, {
                slug: modalId,
                className: 'custom-theme-description__modal',
                children: isModalOpened && /*#__PURE__*/ _jsx(CustomThemeDescriptionModal, {
                    modalId: modalId,
                    value: field.value
                })
            })
        ]
    });
};

//# sourceMappingURL=CustomThemeDescription.js.map